HTML | DOM Select type Property
The Select type property is used for returning the type of form element a drop-down list is. A drop-down list can be of two types, which are “select-one” or “select-multiple”.
Syntax:
selectObject.type
Return Value: A String, representing the type of form element the drop-down list (<select> element) is
Below program illustrates the Select type property :
Example: Returning the type of form element a drop-down list is.
html
<!DOCTYPE html><html><head> <title> Select type Property in HTML </title> <style> h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style></head><body> <h1> GeeksforGeeks </h1> <h2> Select type 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 type of form element the dropdown list is, double-click the "Return Type" button. </p> <button ondblclick="My_list()"> Return Type </button> <p id="test"></p> <script> function My_list() { var d = document.getElementById("myCourses").type; document.getElementById("test").innerHTML = d; } </script></body></html> |
Output:
Before clicking the button:
After clicking the button:
Supported Browsers:
- Apple Safari
- Internet Explorer
- Firefox
- Google Chrome
- Opera
Please Login to comment...