Как установить значения для нескольких селекторов начальной загрузки?

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