選択ボックスを検索可能にする

Question

ユーザーが特定の操作を行ったときに、Webページにselect要素を動的に追加しています。問題は、選択要素が動的に追加されるため、jqueryは、ドキュメントがロードされたときに適用されるため、検索可能にすることができないということです。動的に追加された選択ボックスを検索可能にするにはどうすればよいですか？

EDIT

私はselect要素が検索させるためのselect bootstrapを使用しています。

select areasを使用して画像の複数の部分を選択させ、領域が選択されるたびに、その領域に対応する選択要素を追加します。これは、ページの先頭にカスタムJavaScriptを使用して行われます。しかし、これらの選択要素には、動的に追加されるようなスタイリングがありません。あなたはChosenのようなプラグインを使用することができます

<select data-live-search="true" name="category_name" class="selectpicker" > 

Answer 1

-

選択ブートストラップはdata-live-searchを使用してselect要素を検索可能にすることができます。

$(".my-select").chosen(); 

そして、あなたが動的にオプションを追加したい場合は、あなたがそれを行う方法を説明し、このanswerを見て、取ることができます：ちょうど、ファイルが含まれており、このようにそれを呼び出す、非常に使いやすいです。

Answer 2

あなたがそれらを動的に結合していても、セレクタで要素を検索することができます。

$('option').each(function(){console.log($(this).html())}); 
 

 
$('select').append('<option class="option2">test 2</option>'); 
 

 
$('option').each(function(){console.log($(this).html())});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select> 
 
    <option class="option1">test</option> 
 
</select>