Home » IT » Se poate limita lungimea elementelor <option> într-un <select>? Cum?

Se poate limita lungimea elementelor <option> într-un <select>? Cum?

Am un select cu un option care este extrem de lung si iese din pagina cand se deschide selectbox-ul. Cum il pot limita, de exemplu la 100 de pixeli sau macar la lungimea selectului?

As putea sa modific textul cu jQuery, sa pun ellipsis (…) dar nu e bine, vreau sa se vada tot textul; poate, cumva, sa-mi apara scrollbar.

  • zalog 590

    Din păcate nu există o soluție ok din punct de vedere html & css pentru a limita lungimea -urilor.

    Poți să pui ellipsis și din css dar nu vezi textul – demo.

    Dacă e vorba despre un proiect în care ai deja incluse librăriile jQuery și jQuery UI, aș merge pe ceva de genul selectmenu – cu demo aici. Cred că-l poți adapta pentru ce vrei tu.

    O abordare interesantă găsești și în dropdown bootstrap, dar nu e select.

    • +1
      0
    • 2 Comentarii

    • Demo-ul cu ellipsis din CSS nu merge (nu merge la mine pe Chrome 26, deci nu merge).
      Merge solutia cu jQuery și jQuery UI.

    • Păi da, ellipsis nu e o soluție. Ziceam doar că poți pune și din css, nu numai js.

    Autentifică-te dacă vrei să comentezi răspunsul.
Trimite răspunsul la întrebare
Autentifică-te dacă vrei să răspunzi.