HTML | DOM Select length Property
The Select length property in HTML DOM is used to return the number of <option> elements in a drop-down list. This property returns an integer value on success else returns an error.
Syntax:
selectObject.length
Return Value: A Number, representing the number of <option> elements found in the drop-down list
Below program illustrates the Select length property in HTML DOM:
Example: This example returns the number of <option> elements found in a drop-down list.
html
<!DOCTYPE html><html> <head> <title> HTML DOM Select length Property </title></head><body style="text-align:center;"> <h1 style="color:green;"> GeeksforGeeks </h1> <h2 style="font-family: Impact;"> Select length Property </h2> Select your preferred course from the drop-down list: <select id="myCourses"> <option value="C++">c++</option> <option value="Placement">Placement</option> <option value="Java">Java</option> <option value="Python">Python</option> </select> <p> To return the number of elements in the dropdown list, double-click the "Return Count" button. </p> <button ondblclick="myGeeks()"> Return Count </button> <p id="GFG"></p> <!-- Script to use Select length Property --> <script> function myGeeks() { var d = document.getElementById("myCourses").length; document.getElementById("GFG").innerHTML = d; } </script></body></html> |
Output:
Before Clicking the button:
After clicking the button:
Supported Browsers: The browser supported by DOM Select length Property are listed below:
- Apple Safari
- Internet Explorer
- Firefox
- Google Chrome
- Opera
.png)
