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
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.
<!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
Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML course.
