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 > |
chevron_right
filter_none
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