Twitter Bootstrap SelectPicker onchange fonction n'est pas appelée

J'ai donc une simple liste de sélection

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

et un petit snippit de jquery

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

si je supprime class="selectpicker" de l'sélectionnez le retour d'appel fonctionne comme prévu.
J'ai même ajouté onchange="doMyFunction et l'évolution $("#themes").change(function() { à function doMyFunction() { et qui ne fonctionne toujours pas. Est-il un bootstrap de la magie, je suis absent pour obtenir que cela fonctionne correctement?

  • ouais, désolé, c'était ma faute de frappe ici. C'est .changement sur la page mais toujours pas de rappel
  • Je pense que je l'ai eu. apparemment, il a été appelé, mais ne réussissait pas à obtenir une valeur valide à partir de la sélectionner. J'ai édité le suivant; var theme = $("#thème").val() var thème = #(thème :selected").texte() et il a commencé à travailler.
InformationsquelleAutor Tim | 2013-07-27
  1. 3

    C'est parce que Selectpicker génère <ul> et <li> balises et maintient la <select> et <option> de côté. Il ajoute de l'attribut 'rel' à chaque <li> élément pour vous de savoir quelle option est sélectionnée par rapport à l'sélectionnés <li>.

    De toute façon, vous devez utiliser un fonctionnaire de l'événement onChange de la Selectpicker plugin, ou de faire quelque chose comme ce qui suit:

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