HTML DOM selected Property
 Complete Option Object Reference
Definition and Usage
The selected property sets or returns the value of the selected attribute of an option.
Syntax
optionObject.selected=true|false
|
Example
The following example changes the selected option in a dropdown list:
<html>
<head>
<script type="text/javascript">
function selectOrange()
{
document.getElementById("orange").selected=true;
}
</script>
</head>
<body>
<form>
Select your favorite fruit:
<select>
<option id="apple">Apple</option>
<option id="orange">Orange</option>
<option id="pineapple" selected="selected">Pineapple</option>
<option id="banana">Banana</option>
</select>
<br /><br />
<input type="button" onclick="selectOrange()" value="Select Orange">
</form>
</body>
</html>
|
Try-It-Yourself Demos
Change
the selected option
Complete Option Object Reference
| 
Printer friendly page
