# レコード一覧画面にドロップダウンを2つ表示させたいです。

**URL:** <https://community.cybozu.dev/t/topic/5168>\
**Category:** kintone 開発相談\
**Created:** [2021 年 8 月 10 日午前 3:09 UTC](https://community.cybozu.dev/t/topic/5168 "2021-08-10T03:09:55Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account372](https://avatars.discourse-cdn.com/v4/letter/l/3da27b/32.png) [@Legacy\_Account372](https://community.cybozu.dev/u/Legacy_Account372)\
**Post date:** [2021 年 8 月 10 日午前 3:09 UTC](https://community.cybozu.dev/t/topic/5168/1 "2021-08-10T03:09:55Z")

</div>

レコード一覧画面にドロップダウンを2つとボタンタグを1つ表示させたいと考えています。

ほかの方の参考にし下記のコードを入力するとドロップダウンが1つできたのですが中身を入れられません。また、表示したドロップダウンの隣に新しくドロップダウンを作るにはどうしたらよろしいでしょうか？

if (document.getElementById(‘my\_index\_button’) !== null) {  
return;  
}

var myIndexButton = document.createElement(‘select’);  
myIndexButton.id = ‘my\_index\_button’;

//selectに選択肢を追加するには繰り返し処理で追加する

[//変更イベントで絞り込みのurlを生成してlocation.href=生成したurlに移動](https://xn--urllocation-c83jpgj9htmsgyfwnyyelvtu727ebktb6szay80fjs2bwq3g.href=%E7%94%9F%E6%88%90%E3%81%97%E3%81%9Furl%E3%81%AB%E7%A7%BB%E5%8B%95)

kintone.app.getHeaderMenuSpaceElement().appendChild(myIndexButton);  
});

---

<div class="post-metadata">

**Author:** ![Legacy\_Account871](https://avatars.discourse-cdn.com/v4/letter/l/50afbb/32.png) [@Legacy\_Account871](https://community.cybozu.dev/u/Legacy_Account871)\
**Post date:** [2021 年 8 月 10 日午前 3:47 UTC](https://community.cybozu.dev/t/topic/5168/2 "2021-08-10T03:47:02Z")

</div>

```
if (document.getElementById('my_index_button') !== null) {
    return;
    }

```

が邪魔しているのでしょうか

---

<div class="post-metadata">

**Author:** ![Legacy\_Account372](https://avatars.discourse-cdn.com/v4/letter/l/3da27b/32.png) [@Legacy\_Account372](https://community.cybozu.dev/u/Legacy_Account372)\
**Post date:** [2021 年 8 月 10 日午前 5:18 UTC](https://community.cybozu.dev/t/topic/5168/3 "2021-08-10T05:18:15Z")

</div>

いろいろ試してはいるのですがうまく表示することができず、何かレコード一覧画面にselectを２つ追加するコードの例などあったりしますでしょうか？

---

<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:** [2024 年 9 月 11 日午前 1:16 UTC](https://community.cybozu.dev/t/topic/5168/4 "2024-09-11T01:16:32Z")

</div>

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