HTML tag tooltip

Question

Ho un tag con molti nodi figli. Voglio mantenere la larghezza di questo elenco a discesa per una dimensione minima. Tuttavia, ci sono momenti in cui l'innerHTML di almeno una possibilità è molto lungo, costringendo la casella di riepilogo a discesa per espandere la sua larghezza.

Quello che sto progettando di fare è quello di troncare il testo lungo e utilizzare le ellissi per indicare che alcuni personaggi sono stati troncati ( "frase molto loooooong" diventa "molto loooooo .."). Al fine di mostrare il testo completo, sto pensando di utilizzare un messaggio tooltip al passaggio del mouse evento.

Purtroppo, l'evento onmouseover per ogni tag non sembra funzionare. Che cosa posso fare per ottenere questo effetto?

Grazie

Answer 1

L'aggiunta di un attributo title per ogni opzione dovrebbe fare il trucco.

<option value="1" title="Long description">Short desc...</option>

Answer 2

È possibile impostare la larghezza della <select> e la discesa si estenderà oltre la larghezza della selezione. Provare quanto segue:

<select style="width: 30px">
  <option>1</option>
  <option>really long</option>
  <option>even more longer</option>
  <option>This should be long enough to stretch to the end of the page, but the select is still not very long</option>
</select>