Question

我正在测试bootstrap的selectpicker插件，如下所示：

HTML

<select class="selectpicker form-control" id="preffrom">
  <optgroup label="北海道" class="area-hokkaido">
    <option id="p01">北海道</option>
  </optgroup>
  <optgroup label="東北" class="area-tohoku">
    <option id="p02">青森県</option>
    <option id="p03">岩手県</option>
    ...
    <option id="p07">福島県</option>
  </optgroup>
  ...
  <optgroup label="沖縄" class="area-okinawa">
    <option id="p47">沖縄県</option>
  </optgroup>
</select>

的JavaScript

$(function(){
  $('.selectpicker').selectpicker();
  // this event is for test  but it does not work...
  $('#test').bind('click', function(e){
    $('#preffrom').val('p03');
    $('#preffrom').selectpicker('refresh');
  });
});

我引用了这个： How to set selected value on select using selectpicker plugin from bootstrap

但没有任何反应。请告诉我使用id值选择option的正确方法。

Answer 1

如果您要尝试做的只是＃p03选项，则$('#p03').prop('selected', true);应该有效（而不是$('#preffrom').val('p03');）。这是一个工作示例：https://jsfiddle.net/kwm9rsee/

如何使用bootstrap中的selectpicker插件上的id设置所选值

1 个答案: