JavaScript option object property: form
[this page | pdf | back links]
The form property of the JavaScript
DOM object
corresponding to the HTML <option>
element returns a reference to form that contains the option.
EXAMPLE:
HTML USED IN THIS EXAMPLE:
<!DOCTYPE html>
<html> <!-- Copyright (c) Nematrian Limited 2018 -->
<head></head>
<body>
<br>
<select size="3">
<option id="element" value="fruit1">apple</option>
<option value="fruit2">banana</option>
<option value="fruit3">orange</option>
</select>
<br>
<button onclick="myOnclick()">
Click to see JavaScript option properties for first option</button>
<br><br>
Select properties:<br>
<span id="element1"></span><br>
<span id="element2"></span><br>
<span id="element3"></span><br>
<span id="element4"></span>
<script>
function myOnclick() {
var x = document.getElementById("element")
document.getElementById("element1").innerHTML = "selected option defaultSelected: " + x.defaultSelected;
document.getElementById("element2").innerHTML = "selected option form: " + x.form;
document.getElementById("element3").innerHTML = "selected option index: " + x.index;
document.getElementById("element4").innerHTML = "selected option text: " + x.text
}
</script>
</body>
</html>
|
NAVIGATION LINKS
Contents | Prev | Next | JavaScript DOM (and BOM)