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
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
17 Aug, 2021
Like Article
Save Article