Bienvenido a la sección de Preguntas y Respuestas, donde puedes plantear tus dudas e inquietudes técnicas y recibir respuestas de otros miembros de la comunidad. Si deseas consultar el foro anterior puedes hacerlo a través del enlace: Foro Anterior (Solo Lectura)

Suprimir el tamaño de un item en lista menu

0 positivos 0 negativos
70 vistas
Buenas tardes, mi caso es el siguiente. Extraigo los titulos de partidas desde la bd y los incluyo en un combo box. Lo que pasa es que la descripcion de la partida a veces es muy larga y el navegador muestra todo el item y el combo box crece del tamaño maximo. He visto sugerencias de colocar solo parte del item y cuando se pasa el raton por encima muestra la descripcion completa, segun se coloca en la opcion title del select. Lo he hecho pero al pasar el raton me muestra en todos los items el primero. Mucho sabria agradecer su ayuda para darle estetica a mi pagina web. Gracias
preguntado por egamarra78 (37 puntos) Ene 25, 2016 en Librerías y Funciones

1 Respuesta

0 positivos 0 negativos

puedes usar algo de jquery para eso :

 

imagina que este es tu select :

<select name="selectbig" id="selectbig">
    <option value="">Texto normal</option>
    <option value="">Texto Normal</option>
    <option title="Este es un texto por definición algo largo asi que por eso le vamos a agregar un title." value="">Este es un texto por definición algo largo asi que por eso le vamos a agregar un title</option>
</select>
 
var textlenght= 15;
$('#selectbig> option').text(function(i, text) {
    if (text.length > textlenght) {
        return text.substr(0, textlenght) + '...';  
    }
});

https://jsfiddle.net/8faocm6d/6/

 

ahi te dejo link funcional

respondido por elsuper07 (30 puntos) May 16
para complementar tu respuesta,

se puede agregar el atributo 'title' dinámicamente al objeto o tag <select>

de forma que al seleccionar un item puedas ver la descripción sin abrir el combo
...