我使用的是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();
现在我想把点击按钮时 Select 的值设置为这个 Select ...比如:
$('#mybutton').click(function(){
$('select[name=selValue]').val(1);
});
但什么都没发生.
How can I achieve this?
该值被正确 Select ，但您没有看到它，因为插件隐藏了真正的select并显示了一个无序列表的按钮，因此，如果您希望用户在select上看到所选的值，您可以执行以下操作:
//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);
Like @blushrt points out, a better solution is:
$('select[name=selValue]').val(1);
$('.selectpicker').selectpicker('refresh')
要 Select 多个值，请将这些值作为数组传递.