Select2検索ボックスを変更します。

Question

Select2コントロールのajax機能を使用して、オプションを非同期に読み込みます。ただし、検索ボックスのデフォルトのテンプレートを変更して、プレースホルダとアイコンを右側に配置したいとします。

これを行う適切な方法はありますか？

Answer 1

プレースホルダ：例から ：

$(".js-example-placeholder-single").select2({ 
    placeholder: "Select a state", 
    allowClear: true 
}); 

カスタムアイコン：

あなたはJSを使用して、それを追加することができます。 DOM要素を作成し、必要な場所に追加してCSSでスタイルを設定するだけです。もちろん、必要に応じて追加機能を追加することもできます。

http://www.w3schools.com/jsref/met_node_appendchild.asp