我使用
Bootstrap-Select插件，像这样：
HTML：
<select name="selValue" class="selectpicker"> <option value="1">Val 1</option> <option value="2">Val 2</option> <option value="3">Val 3</option> <option value="4">Val 4</option> </select>
Javascript：
$('select[name=selValue]').selectpicker();
现在我想设置选择的值为此选择当按钮点击…这样的东西：
$('#mybutton').click(function(){
$('select[name=selValue]').val(1);
});
但没有发生。
我该如何实现呢？
解决方法
该值被正确选择，但是你没有看到它，因为插件隐藏真正的选择并显示一个无序列表的按钮，所以，如果你想让用户看到选择的值，你可以做这样的事情：
//Get the text using the value of select
var text = $("select[name=selValue] option[value='1']").text();
//We need to show the text inside the span that the plugin show
$('.bootstrap-select .filter-option').text(text);
//Check the selected attribute for the real select
$('select[name=selValue]').val(1);
编辑：
像@blushrt指出，一个更好的解决方案是：
$('select[name=selValue]').val(1);
$('.selectpicker').selectpicker('refresh')
