Categories: HTML DOMHTMLOptionElement

Form

Properti HTMLOptionElement.form merefensi kepada elemen FORM yang didalamnya berisi elemen OPTION ini, sebagai HTMLFormElement.

Sintaks:

optionObj.form

Properti HTMLOptionElement.form akan mengembalikan null kalau elemen OPTION ini memang tidak terdapat di dalam elemen FORM yang ditetapkan.

Contoh di bawah ini mengembalikan NAME dari FORM yang mempunyai 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’, kalau 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>

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code