Twitter的引导SelectPicker平变化的功能不会被调用(Twitter Bootstra

所以，我有一个简单的选择列表

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

和jQuery的小SNIPPIT

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

如果我删除class="selectpicker"从选择回拨按预期工作。 我甚至加onchange="doMyFunction和变化$("#themes").change(function() {到function doMyFunction() {和仍然没有工作。有一些引导魔力我的思念得到这个好好工作？

Answer 1:

这是因为Selectpicker生成<ul>和<li>标签，并保持<select>和<option>一边。 它增加了“相对”属性的每个<li>元素为你知道哪个选项相对于所选择的被选择<li>

不管怎么说，您应该使用官方onChange事件从Selectpicker插件，或者做类似如下：

$('ul.dropdown-menu.selectpicker li').on('click', function () {
    var selectedValue = $($('select.selectpicker option')[$(this).attr('rel')]).val();
});

文章来源: Twitter Bootstrap SelectPicker onchange function not being called