El texto de la opción de selección móvil de JQuery es demasiado largo

Tengo un problema con los campos seleccionados en mis formularios. Es un campo de selección único, por lo que JQuery lo convierte en un botón que puedo tocar para seleccionar la opción respectiva. Si el texto de esa opción es bastante largo, entonces el botón de selección se vuelve más ancho que la pantalla, por lo que solo es parcialmente visible.

Revisé el que JQuery crea para mostrar el botón y tiene el conjunto de 'desbordamiento: elipse' de CSS, por lo que cuando le doy a dicho intervalo un ancho fijo más pequeño que el ancho de la pantalla, el texto de la opción se trunca con '...' y todo se ve bien

¿Hay alguna manera de activar ese comportamiento automáticamente?

la metaetiqueta 'viewport' está establecida en 'width=device-width, user-scalable=no'

preguntado el 22 de mayo de 12 a las 10:05

2 Respuestas

Tal vez sea tarde, pero espero que alguien más pueda encontrar esto útil. Si la selección está envuelta en un campo etiqueta, reemplazándola con una div puede solucionar el problema.

Respondido el 21 de enero de 13 a las 21:01

No funciona en 1.4.5. Hay una opción data-native-menu="false" que resuelve el problema: ymakux

También estaba buscando formas de establecer el ancho del cuadro de selección, pero después de buscar en Google durante mucho tiempo, cedí y acorté el texto que se muestra en el control de selección.

        <script type="text/javascript">
            $('#myselect').change(function () {

                var sel = $("#myselect option:selected").text().substring(0, 20);
                $("#myselect option:selected").text(sel);

            });
        </script>

Sé que esto no es de mucha ayuda, pero he llegado a mi entendimiento de que el cuadro de selección es uno de los más difíciles de interactuar, o al menos, eso es lo que dice Internet.

Agregaré una "hoja de trucos de selección de JQuery" que encontré útil en mi búsqueda de una solución -> http://comp345.awardspace.com/select_element_cheatsheet.pdf

contestado el 25 de mayo de 12 a las 10:05

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