如何设置多个 bootstrap 选择器的值？

Question

我正在使用这个 bootstrap select-picker. I have looked at this question 并尝试为我拥有的两个 select-pickers 设置值。但是，它没有 select 任何 select-picker 的值。任何人都知道我如何单独设置这两个 select-pickers 的值？

我有两个 select 选择器，如下所示：

<div class="form-group col-md-6 col-lg-6 col-sm-6">
     <select id="firstPicker" name="selValue" class="form-control selectpicker">
          <option selected disabled value="default">Please Select</option>
          <option value="One">One</option>
          <option value="Two">Two</option>
      </select>
</div>

<div class="form-group col-md-6 col-lg-6 col-sm-6">
     <select id="secondPicker" name="selValue" class="form-control selectpicker">
          <option selected disabled value="default">Please Select</option>
          <option value="Three">Three</option>
          <option value="Four">Four</option>
      </select>
</div>

我尝试使用从上述链接问题中获得的以下代码来设置两者的值：

$('select[name=selValue]').val(One);
$(".selectpicker").selectpicker("refresh");

//not sure how I can set the value for the other one?
$('select[name=selValue]').val(Four);
$(".selectpicker").selectpicker("refresh");

Answer 1

试试这个：

$('#firstPicker').selectpicker('val', 'One');
//$('#firstPicker').selectpicker('refresh')

$('#secondPicker').selectpicker('val', 'Four');
//$('#secondPicker').selectpicker('refresh')

如何设置多个 bootstrap 选择器的值？

How to set the values for multiple bootstrap selectpicker?

javascript

bootstrap-selectpicker