Properti HTMLOptionElement.form
merefensi kepada elemen FORM yang didalamnya berisi elemen OPTION ini, sebagai HTMLFormElement.
Sintaks:
optionObj.form
Properti HTMLOptionElement.form
akan mengembalikan null
jika elemen OPTION ini memang tidak terdapat di dalam elemen FORM yang ditetapkan.
Contoh di bawah ini mengembalikan NAME dari FORM yang memiliki elemen OPTION ini:
<FORM NAME="formName">
<SELECT>
<OPTION></OPTION>
</SELECT>
</FORM>
<SCRIPT TYPE="text/javascript">
var optionObj = document.getElementsByTagName("option")[0];
alert(optionObj.form.name); // "formName"
</SCRIPT>
Contoh di bawah ini menguji apakah elemen OPTION ber-ID 'LightRed' terdapat di dalam elemen FORM ber-ID 'formID', jika benar backgroundColor elemen SELECT akan berwarna hijau:
<FORM ID="formID">
<SELECT>
<OPTION ID="LightRed">Light Red</OPTION>
</SELECT>
</FORM>
<SCRIPT TYPE="text/javascript">
var optionObj = document.getElementById("LightRed");
if (optionObj.form.id === "formID") {
var selectObj = document.getElementsByTagName("select")[0];
selectObj.style.backgroundColor = "green";
}
</SCRIPT>