0

だから私は単純な選択リストを持っています

<select id="themes" class="selectpicker">
    <option selected>mkl-ambiance</option>
    <option>default</option>
    <option>ambiance</option>
    <option>blackboard</option>
</select>

そしてjqueryの小さな断片

   $("#themes").change(function() {
        var theme = $("#themes").val();
        editor.setOption("theme", theme);
    });

選択から削除するclass="selectpicker"と、コールバックは期待どおりに機能します。私も追加onchange="doMyFunctionして変更$("#themes").change(function() {しました function doMyFunction() {が、それでもうまくいきませんでした。これを正しく機能させるために不足しているブートストラップマジックはありますか?

4

1 に答える 1

3

これは、Selectpicker が and を生成<ul>して<li>タグ付けし、<select>and を<option>脇に置いておくためです。'rel' 属性を各<li>要素に追加して、選択され<li>た .

とにかく、Selectpicker プラグインの公式の onChange イベントを使用するか、次のようなことを行う必要があります。

$('ul.dropdown-menu.selectpicker li').on('click', function () {
    var selectedValue = $($('select.selectpicker option')[$(this).attr('rel')]).val();
});
于 2014-02-25T06:42:18.057 に答える