# 【kintone】動的プルダウン作成方法について

**URL:** <https://community.cybozu.dev/t/topic/5908>\
**Category:** kintone 開発相談\
**Created:** [2022 年 4 月 20 日午前 8:00 UTC](https://community.cybozu.dev/t/topic/5908 "2022-04-20T08:00:23Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1628](https://avatars.discourse-cdn.com/v4/letter/l/90db22/32.png) [@Legacy\_Account1628](https://community.cybozu.dev/u/Legacy_Account1628)\
**Post date:** [2022 年 4 月 20 日午前 8:00 UTC](https://community.cybozu.dev/t/topic/5908/1 "2022-04-20T08:00:23Z")

</div>

お世話になっております。

やりたいこととしましては、

マスタアプリAの「事業所」項目（フィールドコード：office\_place）をアプリBの「事業所」のプルダウン（フィールドコード：dropdown\_office\_place）で

動的に選択できるようにしたいと考えています。

&nbsp;

下記サイトを参考に自分で作成し、取り込んでみたのですがうまくいきません。

参考URL：[https://note.com/worklog\_jumpei/n/nb7a9aae77f99#XkXwT](https://note.com/worklog_jumpei/n/nb7a9aae77f99#XkXwT)

&nbsp;

「dropdown\_office\_place.js」

&nbsp;

```
(function() {
 'use strict';

 kintone.events.on(['app.record.create.show', 'app.record.edit.show'], function(event) {
   var record = event.record;

   / **************** /
 /* 事業所情報の取得 */
   / **************** /
   var body = {
     "app": 10, //事業所マスタのアプリID
     "fields": ["office_place"] //フィールドコード
   };

   kintone.api(kintone.api.url('/k/v1/records', true), 'GET', body, function(resp) {
     /* Success */
     console.log(resp);
     var records = resp.records;

     / **************** /
     /* メニューの設置 */
     / **************** /
     var items = [];
     records.forEach(function( value, index ){
       var office_place = {'label': value.office_place.value, 'value': value.office_place.value};
       items.push(office_place);
     });

     var label = new kintoneUIComponent.Label({text: '事業所名'});
     var dropdown = new kintoneUIComponent.Dropdown({items: items});
     kintone.app.record.getSpaceElement('dropdown_office_place').appendChild(label.render());
     kintone.app.record.getSpaceElement('dropdown_office_place').appendChild(dropdown.render());

     / ************** /
     /* イベント処理 */
     / ************** /
     dropdown.on('change', function(value) {
       var record = kintone.app.record.get();
       console.log(record.record);
       console.log("value", value);

       kintone.app.record.set(record);
     });
   }, function(error) {
     // error
     console.log(error);
   });
 });
})();

```

修正点など詳しい情報がございましたら、ご教授いただけますと幸いです。

どうぞよろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2229](https://avatars.discourse-cdn.com/v4/letter/l/ce7236/32.png) [@Legacy\_Account2229](https://community.cybozu.dev/u/Legacy_Account2229)\
**Post date:** [2022 年 4 月 21 日午後 11:57 UTC](https://community.cybozu.dev/t/topic/5908/2 "2022-04-21T23:57:13Z")

</div>

小林花子さん

こんにちは。

&nbsp;

デベロッパーツールでデバッグはされてますか？

[kintoneカスタマイズの基本的なデバッグの流れを身につけよう](https://community.cybozu.dev/hc/ja/articles/360038920252)

&nbsp;

エラーがある場合は、ブレイクポイント機能を使って原因箇所を特定できるかもしれません。