Skip to content
Related Articles

Related Articles

HTML | DOM Select length Property

View Discussion
Improve Article
Save Article
  • Last Updated : 17 Aug, 2021
View Discussion
Improve Article
Save Article

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

 


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!