Options
Properti HTMLSelectElement.options mengembalikan semua elemen OPTION di dalam elemen SELECT ini, sebagai HTMLOptionsCollection.
Sintaks:
selectObj.options
Contoh di bawah ini menghapus elemen OPTION ber-Text ‘2’:
<FORM> <SELECT> <OPTION>0</OPTION> <OPTION>1</OPTION> <OPTION>2</OPTION> </SELECT> </FORM> <SCRIPT TYPE="text/javascript"> var selectObj = document.getElementsByTagName("select")[0]; selectObj.options.remove(2); </SCRIPT>
Jika OPTION itu berhasil di hapus, kini elemen SELECT hanya tinggal mempunyai 2 OPTION, menyerupai tampak di bawah ini:
<SELECT> <OPTION>0</OPTION> <OPTION>1</OPTION> </SELECT>
Contoh di bawah ini menampilkan Text dari setiap elemen OPTION:
<FORM> <SELECT> <OPTION>0</OPTION> <OPTION>1</OPTION> <OPTION>2</OPTION> </SELECT> </FORM> <SCRIPT TYPE="text/javascript"> var selectObj = document.getElementsByTagName("select")[0]; for (var i = 0; i < selectObj.options.length; i++) { alert(selectObj.options[i].text); } </SCRIPT>
Sama saja dikala menuliskan looping-nya menyerupai berikut ini:
for (var i = 0; i < selectObj.length; i++) { alert(selectObj[i].text); }
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.
