/

HTML / CSS / JavaScript Tutorial

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)


Desktop view | Switch to Mobile