# 入力フィールドの動的ドロップダウンを構築したいです。

**URL:** <https://community.cybozu.dev/t/topic/10003>\
**Category:** kintone 開発相談\
**Created:** [2025 年 1 月 23 日午後 2:28 UTC](https://community.cybozu.dev/t/topic/10003 "2025-01-23T14:28:55Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![MIN3996](https://avatars.discourse-cdn.com/v4/letter/m/a88e4f/32.png) [@MIN3996](https://community.cybozu.dev/u/MIN3996)\
**Post date:** [2025 年 1 月 23 日午後 2:28 UTC](https://community.cybozu.dev/t/topic/10003/1 "2025-01-23T14:28:55Z")

</div>

カスタマイズでドロップダウンを構築するためには  
APIでレコードの情報を持って来て、フィードをカスタマイズが必要だと考えています。

しかし、下記のコードで ‘app.record.create.show’, ‘app.record.edit.show’ の場合 kintone.app.record.getFieldElement が習得できませんででした。

‘app.record.create.show’, ‘app.record.edit.show’ では習得できず、  
app.record.detail.show(詳細情報)では取得されて変更が適用されています。

理由を知っている方、是非とも教えてください。

もし、レコード作成で動的ドロップダウンを構築できる方法がありましたら  
教えてください。

(function() {  
‘use strict’;

kintone.events.on([‘app.record.create.show’, ‘app.record.edit.show’,‘app.record.detail.show’], (event) =\> {  
const record = event.record;  
console.log(“record”,record)  
console.log(“Available field codes:”, Object.keys(record));  
console.log(“fieldElement”, kintone.app.record.getFieldElement(“name”));  
console.log(“fieldElement”, kintone.app.record.getFieldElement(“問題”));

```
const fieldCode = '問題';

const fieldElement = kintone.app.record.getFieldElement(fieldCode);

if (fieldElement) {
  fieldElement.style.backgroundColor = 'gray'; 
  fieldElement.style.color = 'red'; 
}

return event;

```

});

})();

---

<div class="post-metadata">

**Author:** ![mura](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/mura/32/41_2.png) [@mura](https://community.cybozu.dev/u/mura)\
**Post date:** [2025 年 1 月 23 日午後 11:54 UTC](https://community.cybozu.dev/t/topic/10003/2 "2025-01-23T23:54:40Z")

</div>

作成・編集画面のフィールド自体をいじるため機構はないんですよね（ご認識の通り詳細画面はできるんですが）

> **[kintone UI Component v1を使って動的ドロップダウンを作成しよう！](https://cybozu.dev/ja/kintone/tips/development/customize/validation-and-assistance/use-kintone-ui-component-v1-for-dynamic-dropdown/)**
>
> kintone UI Component v1を使って動的ドロップダウンを作成する方法ついて紹介します。

どう対応するかですが、ベーシックなのはこのようにスペースフィールドを利用する感じですね

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2025 年 1 月 28 日午前 5:13 UTC](https://community.cybozu.dev/t/topic/10003/3 "2025-01-28T05:13:18Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。