2015-10-17 5 views
5

を選択します。私のページで項目を追加、ブートストラップ-選択して、私はシルビオMoretoのブートストラップの選択を使用しているそれを

私はあなたがselectpickerに項目を追加することを可能にする入力ボックスとモーダルを開くボタンがあります。そのアイテムを自動的に選択したいのですが、動作させることができません。

$('#myselect').append('<option val="'+newitemnum+'">'+newitemdesc+'</option>'); 
$('#myselect').val(newitemnum); 
$('#myselect').selectpicker('refresh'); 

しかし、それだけでは動作しません:

私が持っているコードです。項目が選択されません。

は、私が選択ラインを交換しようとしている:

$('#myselect').selectpicker('val',newitemnum); 

が、それは動作しません。どちらか

(項目がselectpickerに追加さんが)に感謝任意のアイデア。

+0

を、2回目の自分のコードスニペットを得なければなりません期待される結果。その文を実行した後、コンソールにエラーメッセージが表示されますか? – Ryan

+0

何もすべてで、それはselectpickerに付加価値を与えていないが、それを選択しない - それは、デフォルトでは「何も選択されていません」に –

答えて

22

あなたはタイプミスを持っています。代わりに:

$('#myselect').append('<option val="'+newitemnum+'">'+newitemdesc+'</option>'); 

は次のものが必要です。ここで

$('#myselect').append('<option value="'+newitemnum+'">'+newitemdesc+'</option>'); 

はJSFiddleのデモです:http://jsfiddle.net/xbr5agqt/

" 'しょうゆ' を追加し、選択したオプション" ボタンは、以下のん:

(「追加して、 『レリッシュ』オプションを選択」ボタンによって使用される)
$("#myselect").append('<option value="'+newitemnum+'">'+newitemdesc+'</option>'); 
$("#myselect").val(4); 
$("#myselect").selectpicker("refresh"); 

一つのわずかに速いアプローチがにありますすでに適用されselected属性を持つ新しい<オプション>要素追加:[ライブラリのドキュメント](https://silviomoreto.github.io/bootstrap-select/)によると

$("#myselect").append('<option value="'+newitemnum+'" selected="">'+newitemdesc+'</option>'); 
$("#myselect").selectpicker("refresh"); 
+0

すごいです!それだった! Facepalm! Serisouly、あなたのコードを見て他の誰かが、あなたが時間のために、探していましsomethig明らかに(代わりに値のvalの)を見つけることができますどのように素晴らしいです。ありがとうv多く:) –

+0

それは検索可能なselctpikerでwokingですか? –

関連する問題