How can I limit the visible options in an HTML dropdown?

by

You can try this

<select name="select1" onmousedown="if(this.options.length>8){this.size=8;}"  onchange="this.size=0;" onblur="this.size=0;">
             <option value="1">This is select number 1</option>
             <option value="2">This is select number 2</option>
             <option value="3">This is select number 3</option>
             <option value="4">This is select number 4</option>
             <option value="5">This is select number 5</option>
             <option value="6">This is select number 6</option>
             <option value="7">This is select number 7</option>
             <option value="8">This is select number 8</option>
             <option value="9">This is select number 9</option>
             <option value="10">This is select number 10</option>
             <option value="11">This is select number 11</option>
             <option value="12">This is select number 12</option>
           </select>

It worked for me

More Related Contents:

  1. How to style the option of an html “select” element?
  2. Change Select List Option background colour on hover
  3. Drop-down menu that opens up/upward with pure css
  4. How to make a pure css based dropdown menu?
  5. Pure CSS multi-level drop-down menu
  6. Word wrap options in a select list
  7. How to remove the default arrow icon from a dropdown list (select element)?
  8. How to hide drop down arrow in IE8 & IE9?
  9. How do I set the HTML options for collection_select in Rails?
  10. How to change font-family of drop down’s list item?
  11. How can change width of dropdown list?
  12. How to get horizontal scroll bar in select box in IE?
  13. Bootstrap dropdown not working
  14. My inline-block elements are not lining up properly
  15. How to make CSS3 rounded corners hide overflow in Chrome/Opera
  16. How to add a browser tab icon (favicon) for a website?
  17. Minimum and maximum value of z-index?
  18. Why media queries has less priority than no media queries css
  19. Outline radius?
  20. CSS :first-letter not working
  21. Is it possible to display an .html document , or .html fragment at CSS content?
  22. How to add button inside input [closed]
  23. Difference between Url Encode and HTML encode
  24. what does -webkit-transform: translate3d(0,0,0); exactly do? Apply to body?
  25. How to center an iframe horizontally?
  26. How to write fraction value using html?
  27. How to center buttons in Twitter Bootstrap 3?
  28. Can I use an HTML input type “date” to collect only a year?
  29. Removing the Bevel Effect on the Corner of Borders
  30. Are void elements and empty elements the same?

Leave a Comment