# ラジオボタンの値でドロップダウンの値と表示を制御

**URL:** <https://community.cybozu.dev/t/topic/275>\
**Category:** kintone 開発相談\
**Created:** [2017 年 2 月 21 日午前 2:06 UTC](https://community.cybozu.dev/t/topic/275 "2017-02-21T02:06:43Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1480](https://avatars.discourse-cdn.com/v4/letter/l/76d3ee/32.png) [@Legacy\_Account1480](https://community.cybozu.dev/u/Legacy_Account1480)\
**Post date:** [2017 年 2 月 21 日午前 2:06 UTC](https://community.cybozu.dev/t/topic/275/1 "2017-02-21T02:06:43Z")

</div>

お世話になっております

標題の件について、ご教授いだければ幸いでございます。

ラジオボタンで「A」「B」が選択でき、ドロップダウンAとドロップダウンBというフィールドがあります。

ラジオボタンで「A」を選択した場合、ドロップダウンAを表示させ、ドロップダウンBの値を空白にし、非表示にする

ラジオボタンで「B」を選択した場合、ドロップダウンBを表示させ、ドロップダウンAの値を空白にし、非表示にする

上記のような動作を行いたく、下記コードを書いたのですが、できませんでした。

\*----------------------------------------------------------------------\*

(function () {  
“use strict”;  
var events = [  
‘app.record.detail.show’,  
‘app.record.create.show’,  
‘app.record.edit.show’,  
‘app.record.create.change.ラジオボタン’,  
‘app.record.edit.change.ラジオボタン’  
];  
kintone.events.on(events, function(event) {  
var record = event.record;  
if (record[‘ラジオボタン’][‘value’] === ‘A’) {  
record[‘ドロップダウンB’][‘value’] = “”;  
kintone.app.record.setFieldShown(‘ドロップダウンB’, false);  
kintone.app.record.setFieldShown(‘ドロップダウンA’, true);  
}else if (record[‘ラジオボタン’][‘value’] === ‘B’) {  
record[‘ドロップダウンA’][‘value’] = “”;  
kintone.app.record.setFieldShown(ドロップダウンB’', true);  
kintone.app.record.setFieldShown(‘ドロップダウンA’, false);  
}  
});  
})();

\*----------------------------------------------------------------------\*

解決方法のご教授を宜しくお願い致します。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1169](https://avatars.discourse-cdn.com/v4/letter/l/848f3c/32.png) [@Legacy\_Account1169](https://community.cybozu.dev/u/Legacy_Account1169)\
**Post date:** [2017 年 2 月 21 日午前 10:51 UTC](https://community.cybozu.dev/t/topic/275/2 "2017-02-21T10:51:00Z")

</div>

Naoさん

こんにちは。

\> kintone.app.record.setFieldShown(ドロップダウンB’', true);

こちらの部分ですが、「ドロップダウンB’'」となっております。  
kintone.app.record.setFieldShown(‘ドロップダウンB’, true);  
としていただくと、期待通りの動きになると思います。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1480](https://avatars.discourse-cdn.com/v4/letter/l/76d3ee/32.png) [@Legacy\_Account1480](https://community.cybozu.dev/u/Legacy_Account1480)\
**Post date:** [2017 年 2 月 22 日午前 4:02 UTC](https://community.cybozu.dev/t/topic/275/3 "2017-02-22T04:02:49Z")

</div>

furumai様

ご返信ありがとうございます。

上記を直して試してみたのですが、やはり期待通りの動きにはなりませんでした。

* * *

ラジオボタンで「A」を選択した場合、ドロップダウンAを表示させ、ドロップダウンBを非表示にする

ラジオボタンで「B」を選択した場合、ドロップダウンBを表示させ、ドロップダウンAを非表示にする

* * *

上記のような動作は出来ているのですが、非表示にするフィールドの「値を空白」にすることが出来ていませんでした。

度々申し訳ございませんが、解決方法のご教授を宜しくお願い致します。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1479](https://avatars.discourse-cdn.com/v4/letter/l/e480ec/32.png) [@Legacy\_Account1479](https://community.cybozu.dev/u/Legacy_Account1479)\
**Post date:** [2017 年 2 月 22 日午前 5:20 UTC](https://community.cybozu.dev/t/topic/275/4 "2017-02-22T05:20:58Z")

</div>

Naoさん

event.recordに対して行った値の変更をアプリ側に反映させるためには、アプリ側にデータを返す必要があります。

そのため、

* * *

return event;

* * *

上記の行をif文の後に追加すれば、動作すると想定されます。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1480](https://avatars.discourse-cdn.com/v4/letter/l/76d3ee/32.png) [@Legacy\_Account1480](https://community.cybozu.dev/u/Legacy_Account1480)\
**Post date:** [2017 年 2 月 23 日午前 4:24 UTC](https://community.cybozu.dev/t/topic/275/5 "2017-02-23T04:24:29Z")

</div>

本田智明 様

上記を追加しましたら、無事動作しました。

ありがとうございます。

今後とも、宜しくお願い致します。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1479](https://avatars.discourse-cdn.com/v4/letter/l/e480ec/32.png) [@Legacy\_Account1479](https://community.cybozu.dev/u/Legacy_Account1479)\
**Post date:** [2017 年 2 月 23 日午前 4:26 UTC](https://community.cybozu.dev/t/topic/275/6 "2017-02-23T04:26:55Z")

</div>

Naoさん

&nbsp;

無事動作したとのことで安心しました！