jquery - Select2 JQuery プラグインでプレースホルダー テキストを定義する方法

Question

Select2 JQuery プラグインでプレースホルダー テキストを定義できません。コードを試してみました

$("#first").select2({
    placeholder: {id: "", text: "Choose an option…"}
});

しかし、それは私にはうまくいきません。私のコードはここにあります

また、検索の四角形を丸くする方法、Select2のバージョンは？

Answer 1

select 要素の先頭に空のオプションを追加する必要があります。

<select name="first" id="first"> 
    <option></option>
    ...
</select>

次に、次のようにプレースホルダーを追加します。

$(document).ready(function(){
    $("#first").select2({
        placeholder: "Your placeholder",
        allowClear: false
    });
});

Answer 2

プレースホルダ オプションは、ドキュメントで指定されている文字列にする必要があります。そうは言っても、コードは次のようにする必要があります。

$("#first").select2({
    placeholder: "Choose an option…"
});

検索入力を丸めるには、CSS を使用して自分で行います。現在のバージョン (v3.4.0) には、この「機能」がまだありません。