Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Select name Property

  • Difficulty Level : Basic
  • Last Updated : 28 Mar, 2019

The select name property in HTML DOM is used to set or return the value of name attribute of a drop-down list. This property returns a string which represents the name of the drop-down list.


Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

  • It returns the select name property.
  • It is used to set the select name property. = name 

Property Values: It contains single value name which is used to specify the name of the drop-down list.

Below program illustrates the Select name property in HTML DOM:

Example: This example returns the value of the name attribute of a drop-down list.

<!DOCTYPE html>
        HTML DOM Select name Property
<body style="text-align:center;">
    <h1 style="color:green;">
    <h2 style="font-family: Impact;">
        Select name Property
    Select your preferred course from the drop-down list:<br>
    <select name="Courses Titles" id="myCourses">
        <option value="C++">c++</option>
        <option value="Placement">Placement</option>
        <option value="Java">Java</option>
        <option value="Python">Python</option>
        To return the value of the name attribute of
        the drop-down list, double-click the 
        "Return Name" button.
    <button ondblclick="myGeeks()">
        Return Name
    <p id="GFG"></p>
    <!-- Script to use DOM Select name Property -->
        function myGeeks() {
            var d = document.getElementById("myCourses").name;
            document.getElementById("GFG").innerHTML = d;

Before Clicking the button:

After Clicking the button:

Supported Browsers: The browser supported by DOM Select name Property are listed below:

  • Apple Safari
  • Internet Explorer
  • Firefox
  • Google Chrome
  • Opera

My Personal Notes arrow_drop_up
Recommended Articles
Page :