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, sekarang elemen SELECT hanya tinggal memiliki 2 OPTION, seperti 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 ketika menuliskan looping-nya seperti berikut ini:
for (var i = 0; i < selectObj.length; i++) {
alert(selectObj[i].text);
}
