新規投稿
フォローする

ドロップダウンによる検索

投稿失礼します。

現在他の方のを参考に一覧画面での検索をしたいと考えています。

参考にしているコードは”input”で直接入力になっておりますが、この部分を"select"に変更してドロップダウンで検索したいと考えています。

以下、該当のコード部分です。

var search_word1 = document.createElement('select');  //←この部分がinputです。
// 取得したレコードに設定されたフィールド値をoptionをに設定する
var field1 = record['項目'].value;
var option1 = document.createElement('option'); // option作成
option1.setAttribute('value', field1); // optionのvalueを設定
option1.innerHTML = field1; // optionの表示名を設定
select.appendChild(option1); // selectにoptionを設定
 
オプションを設定すると、他の検索窓も表示されなくなってしまう状態です。
どなたかわかる方見えましたらご教授願いたいです。
よろしくお願いします。
0

1件のコメント

Avatar
大西 佑汰

H_ishi様

 

内容拝見いたしました。

コードの全貌やエラー箇所がわからないため、正確なことが申し上げられませんが、記載の内容だけで考えると、

 

select.appendChild(option1); // selectにoptionを設定

 

で落ちているのではないかと思います。

select という変数はどこにも宣言されていないからです。

search_word1という変数にセレクトボックスを格納しているようですので、

 

search_word1.appendChild(option1);

 

と書き換えてみると動くのではないでしょうか。

もし違う場合、他の部分の影響かもしれませんので、改めて全コードを補記して頂けると、原因が特定しやすいかと思います。

0
ログインしてコメントを残してください。