Así que tengo una simple lista de selección

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

y un pequeño snippit de jquery

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

si puedo quitar class="selectpicker" de la seleccione la llamada de vuelta, funciona como se espera.
Incluso añadió onchange="doMyFunction y el cambio de $("#themes").change(function() { a function doMyFunction() { y que aún no funciona. Hay algunos bootstrap magia que me falta para conseguir que esto funcione correctamente?

  • sí, lo siento que fue mi error tipográfico aquí. Es .cambio en la página, pero aún no hay devolución de llamada
  • Yo creo que lo tengo. al parecer, se estaba haciendo se llama pero se que no obtenga un valor válido de la selección. He editado los siguientes; var tema = $(«#tema»).val() var tema = #(tema : «seleccionado»).texto() y se comenzó a trabajar.
InformationsquelleAutor Tim | 2013-07-27

1 Comentario

  1. 3

    Esto es debido a que Selectpicker genera <ul> y <li> etiquetas y mantiene la <select> y <option> a un lado. Se añade ‘rel’ atributo para cada <li> elemento para que usted sepa que la opción está seleccionada en relación a los seleccionados <li>.

    De todos modos, usted debe utilizar un oficial del evento onChange de la Selectpicker plugin, o hacer algo como lo siguiente:

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

Dejar respuesta

Please enter your comment!
Please enter your name here