HTML | DOM Select name Property
Last Updated :
17 Nov, 2021
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.
Syntax:
- It returns the select name property.
selectObject.name
- It is used to set the select name property.
selectObject.name = name
Property Values: It contains single value name which is used to specify the name of the drop-down list.
Return Value: It returns a string value that represents 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 >
< head >
< title >
HTML DOM Select name Property
</ title >
</ head >
< body style = "text-align:center;" >
< h1 style = "color:green;" >
GeeksforGeeks
</ h1 >
< h2 style = "font-family: Impact;" >
Select name Property
</ h2 >< br >
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 >
</ select >
< p >
To return the value of the name attribute of
the drop-down list, double-click the
"Return Name" button.
</ p >
< button ondblclick = "myGeeks()" >
Return Name
</ button >
< p id = "GFG" ></ p >
< script >
function myGeeks() {
var d = document.getElementById("myCourses").name;
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 name Property are listed below:
- Apple Safari
- Internet Explorer
- Firefox
- Google Chrome
- Opera
Share your thoughts in the comments
Please Login to comment...