select2 のプレースホルダーを検索入力に追加する方法

Question

select2 jQuery プラグインのプレースホルダーを作成する方法。 StackOverflow にはプレースホルダーを作成する方法がたくさんありますが、それらは要素のプレースホルダーに関するものです。検索ボックスのプレースホルダーを指定する必要があります。画像を参照してください。

Answer 1

このイベントを使用できます:

このイベントにプレースホルダー属性を追加するだけで十分です:

リーリー

リーリー リーリー

Answer 2

私も同じニーズがあり、最終的に Select2 プラグイン用の小さな拡張機能を作成しました。

プラグインには、検索入力フィールドのプレースホルダーを設定するための新しいオプション searchInputPlaceholder が追加されました。

プラグインの js ファイルの後に次のコードを追加します:

リーリー ＃＃＃＃＃＃使用法：＃＃＃＃＃＃

searchInputPlaceholder オプションを使用して select2 プラグインを初期化します:

リーリー ＃＃＃＃＃＃デモ：＃＃＃＃＃＃

デモは JsFiddle にあります。

2020年5月9日更新

最新の Select2 バージョン (v4.0.13

) -

---

JsFiddle

でテスト済み。

Github リポジトリ: https://github.com/andreivictor/select2-searchInputPlaceholder

---