如何更改Bootstrap select的默认值

Question

我正在像这样使用Bootstrap-Select插件：

<select class="selectpicker dropup"></select>
<button>Add option</button>

和jQuery代码：

$(function(){

  $(".selectpicker").selectpicker('hide');

  $(button).click(function() {
     $(".selectpicker").append(`
      <option value="">--Choose option--</option>
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
     `);
     $(".selectpicker").selectpicker('refresh');
     $(".selectpicker").selectpicker('show');
  });

});

但是，当出现select时，它不会将第一个选项作为默认选项，而是具有诸如image之类的文本。我可以根据选择进行更改吗？

Answer 1

我正在使用 Bootstrap select 进行多项选择 (https://developer.snapappointments.com/bootstrap-select/)，我不得不更改默认行为，它与您的不同，但我希望它无论如何都能提供提示。

在我们的例子中，我们必须更新默认样式。默认样式是引导程序 btn-default，我可以使用以下代码更新它：

$('#my-select').selectpicker({
styleBase: 'form-control',
style: '',
});

更多here