javascript - 如何设置多个引导选择器的值？

Question

我正在使用这个bootstrap select-picker 。我看过这个question并尝试设置我拥有的两个选择器的值。但是，它没有为任何选择选择器选择值。有人知道我如何单独设置这两个选择器的值吗？

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

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