select2の選択値を表示するにはどうすればよいですか？

Question

私はselect2 jQueryクラスを適用したコンボボックスに値を動的に設定しようとしています。コードを適用すると、そのコンボボックスに値が設定されます。それでも "Select one"と表示されます。 誰でも選択した値を表示する手助けはできますか？お願いします。

HTML：

<select id="cmboDemo"> 
<option value="">Select one</option> 
<option value="Bob">Bob</option> 
<option value="Scott">Scott</option> 
</select> 

Javascriptを：

$("#cmboDemo").select2(); 
//.... 
$("#cmboDemo").val("Scott"); 
...//  

結果スコットが選択されているが、コンボボックスショー "を選択します"。

Answer 1

は$("#cmboDemo").select2();

を取り外し、唯一第二いずれかを使用：CSSのいくつかの追加の層が実際のコンボボックスに重なっているselect2.jsを使用することにより

$("#cmboDemo").val("Scott"); 

Answer 2

を。上記のコードをすべて使用すると、値は選択ボックスに設定されます。その上のスタイルレイヤのために、それは最初の値を示します。すなわち1つを選択します。 その上位層のテキストを変更することで問題は解決します。

$("#select2-cmboDemo-container").text("Scott"); 

ありがとう：

これが最終的な結果です。