JavaScript Reference/Javascript Properties/size select

"size" Example

   <source lang="javascript">
   

<script> function function1() {

   var col = document.all.colors.size;
   alert(col+" number of options") 

} </script> <form method="post" action=""> <select id="colors" size="10">

   <option value="white" selected>White</option>
   <option value="cyan">Cyan</option>
   <option value="ivory">Ivory</option>
   <option value="blue">Blue</option>
   <option value="red">Red</option>
   <option value="lightblue">Lightblue</option>
   <option value="beige">Beige</option>

</select> <input type="button" value="Number of options" onclick="function1();"> </form>

     </source>
   
  

"size" is applied to

   <source lang="javascript">

+----------------+--------------------------------------------------------------+ | Applied_To |<select> | +----------------+--------------------------------------------------------------+

     </source>
   
  

"size" Syntax and Note

   <source lang="javascript">

Note: Read and write property. Sets the number of rows in <select> list element.

Syntax:

document.getElementById("selectID").size = value document.all.selectID.size = value // IE only

     </source>