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 >
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
Last Updated :
17 Aug, 2021
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...