bootstrap-select添加項並選擇它

Question

我使用Silvio Moreto的Bootstrap Select。

在我的頁面上，我有一個按鈕，可打開一個帶有輸入框的模式，以允許您將項目添加到selectpicker。然後我想自動選擇該項目，但我無法使其工作。

我的代碼是：

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

但它是行不通的。該項目未被選中。

我試圖與替代選擇線：

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

但是，這並不工作，要麼

大加讚賞（儘管該項目不會獲取添加到selectpicker）任何想法。

Answer 1

你有一個錯字。相反的：

$('#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屬性的新<選項>元素：

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