jquery – 如何设置选择值使用selectpicker插件从bootstrap

<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>

$('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')