Properti HTMLSelectElement.length mengembalikan number (long) yang menunjukkan banyaknya elemen OPTION di dalam elemen SELECT ini.
Sintaks:
selectObj.length
Contoh di bawah ini mengembalikan banyaknya 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];
alert(selectObj.length); // 3
</SCRIPT>
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.length; i++) {
alert(selectObj[i].text);
}
</SCRIPT>
Sama saja ketika menuliskan looping-nya seperti berikut ini:
for (var i = 0; i < selectObj.options.length; i++) {
alert(selectObj.options[i].text);
}
