は、どのように私はこのようなブートストラップのselectpickerプラグインをテストしてい

Question

をブートストラップからselectpickerプラグイン上のIDを使用して、選択した値を設定します

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/