Option Object disabled Property
 Option Object
Definition and Usage
The disabled property sets or returns whether or not an option in a dropdown
list should be disabled by default.
Note: The disabled attribute does not work properly in IE.
Syntax
|
optionObject.disabled=true|false
|
Example
Example
The following example alerts if the chosen fruit is disabled by default:
<html>
<head>
<script type="text/javascript">
function alertDefaultDisabled()
{
var x=document.getElementById("mySelect").selectedIndex;
var y=document.getElementsByTagName("option");
alert("Is " + y[x].text + " disabled by default? " + y[x].disabled);
}
</script>
</head>
<body>
<form>
Select your favorite fruit:
<select id="mySelect">
<option>Apple</option>
<option>Orange</option>
<option disabled="disabled">Pineapple</option>
<option>Banana</option>
</select>
<br />
<br />
<input type="button" onclick="alertDefaultDisabled()"
value="Is the chosen fruit disabled by default?">
</form>
</body>
</html>
|
Try it yourself »
|
 |
More Examples |
Disable an option by id
Option Object
Click here to design a Stunning Flash Website for Free
Wix is a revolutionary web design tool that provides anyone with the possibility to create professional and beautiful websites for free.
With e-commerce features, search engine visibility and many more professional tools, Wix is the ultimate solution for creating a spectacular site while saving tons of money.
 |
W3Schools' Online Certification Program
The perfect solution for professionals who need to balance work, family, and career building.
More than 4500 certificates already issued!
|
The HTML Certificate documents your knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The ASP Certificate documents your knowledge of ASP, SQL, and ADO.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
| 
