2013-04-01 10 views
8

Select2.js pluginを使用しようとしています。私はselect2の最も簡単な例のフィドルを作成しましたが、なぜこれが機能していないのかわかりません。Select2の例が機能しない

http://jsbin.com/edeseh/2/edit

あなたはフィドルにSelectListの中の項目の選択を参照して明らかに動作していないを許可することができます。

誰でも助けてください、私はここで間違っていますか?

答えて

11

あなたが、プレースホルダとallowClearオプションを示すために、空のオプションを使用する必要があります選択

を有効にするには、オプションの値を使用する必要があります。ここで

は作業フィドルです:リンクからコピー

http://jsbin.com/edeseh/8/edit

メインコード:

HTML:

<select id="e2" style="width:200px;"> 
    <option value=""><option> 
    <option value="1">Mustard</option> 
    <option value="2">Ketchup</option> 
    <option value="3">Relish</option> 
</select> 

はJavaScript:

$("#e2").select2({ 
    placeholder: "Select a State", 
    allowClear: true 
}); 
+3

ニース。 Select2ドキュメントでは、プレースホルダの空のオプションについては言及していません。それが自動的に先頭に追加されると仮定するのは簡単です。 – isherwood

+0

文書では、空白のオプションを置くことについて言及しています。「プレースホルダ」の下を見てください。https://select2.github.io/options.html – Paul

+3

私だけか、フィドルが機能しませんか?それはちょうど古いスタイルの選択を示していますか? –

関連する問題