bootstrap-select添加项并选择它
我使用Silvio Moreto的Bootstrap Select。bootstrap-select添加项并选择它
在我的页面上,我有一个按钮,可打开一个带有输入框的模式,以允许您将项目添加到selectpicker。然后我想自动选择该项目,但我无法使其工作。
我的代码是:
$('#myselect').append('<option val="'+newitemnum+'">'+newitemdesc+'</option>');
$('#myselect').val(newitemnum);
$('#myselect').selectpicker('refresh');
但它是行不通的。该项目未被选中。
我试图与替代选择线:
$('#myselect').selectpicker('val',newitemnum);
但是,这并不工作,要么
大加赞赏(尽管该项目不会获取添加到selectpicker)任何想法。
你有一个错字。相反的:
$('#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");
太棒了!就是这样!捂脸!令人惊讶的是,其他人看着你的代码可以发现几个小时以来你一直在寻找的显而易见的东西(val而不是价值)。感谢v多:) –
它在可搜索的selctpiker woking? –
按照[库文件](https://silviomoreto.github.io/bootstrap-select/),您的第二代码段应产生预期的结果。它在运行该语句后是否在控制台中显示任何错误消息? – Ryan
什么都没有,它增加了selectpicker的价值,但不选择它 - 它默认它为“Nothing Selected” –