How to Set Height for the Drop Down of Select box

Question

my selectbox is showing scroll when number of options are more than 20 i just want to show scrol in when options are more than 10

 <select>     <option>1</option>     <option>2</option>     <option>3</option>     <option>4</option>     <option>5</option>     <option>6</option>     <option>7</option>     <option>8</option>     <option>9</option>     <option>10</option>     <option>11</option>   </select> 

Answer 1

Try adding this to the <select> element:

onfocus='this.size=10;'  onblur='this.size=1;'  onchange='this.size=1; this.blur(); 

like:

   <select onfocus='this.size=10;' onblur='this.size=1;'          onchange='this.size=1; this.blur();'> 

SAMPLE DEMO