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");