¿JQuery mobile selecciona múltiples elementos de visualización del menú?

Tengo un menú de selección múltiple en Jquery Mobile 1.1. Sé que el comportamiento predeterminado es mostrar los elementos seleccionados y el número una vez que selecciona los elementos y cierra el menú.

Mi pregunta es que preferiría mostrar siempre el primer elemento y el número NO los elementos seleccionados. Por ejemplo, si tengo un menú:

<select name="color-choice" id="color-choice" data-mini="true" multiple="multiple" data-native-menu="false" >
   <option>Color Choices</option>
   <option value="red">Red</option>
   <option value="blue">Blue</option>
   <option value="green">Green</option>
</select>

Y el usuario elige rojo y verde, quiero que el menú de cierre lea "Opciones de color (2)" en lugar del valor predeterminado "Rojo, azul (2)".

Esto es para ahorrar espacio, ya que tengo algunos menús y me gustaría prescindir de las etiquetas, y que el usuario diga de un vistazo que un menú es "opciones de color" y que tiene opciones 2.

Posible?

preguntado el 03 de mayo de 12 a las 19:05

No hay opción para esto, pero piratear esto en JQM no debería ser difícil. Verifique el complemento del menú de selección, vea cómo se definen las opciones del complemento, configure su propia opción (mejor atribuible a los datos) y en la función de compilación, busque la pantalla de texto. en lugar de mostrar el texto, busque su nueva opción. si la opción está definida, utilícela; de lo contrario, JQM predeterminado. -

@Steve, sé que esto es antiguo, pero estoy usando jQuery Mobile 1.4.5. ¿Ha habido algún cambio que permita esto, o alguien tiene un ejemplo de cómo hacerlo? -

1 Respuestas

Agregue una función que guardará el elemento seleccionado cuando se seleccione la opción, luego restablecerá la opción predeterminada.

<select name="color-choice" id="color-choice" data-mini="true" multiple="multiple" data-native-menu="false" >
    <option value="" selected="selected">Color Choices</option>
    <option value="red">Red</option>
    <option value="blue">Blue</option>
    <option value="green">Green</option>
</select>
<div>
    <input style="display:none;" id="hidden-choice" name="hidden-choice" value="" />        
</div>


$(document).ready(function(){

    $('#color-choice').change (function (e) { 
            hidden-choice.value = document.getElementById('color- choice').value;
            color-choice.value = "";
    });
});

Espero que esto ayude.

Respondido 18 Abr '16, 22:04

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.