Properti HTMLSelectElement.type ini akan membantu mengetahui tipe dari elemen SELECT, 'select-multiple' ataukah 'select-one'.
Sintaks:
selectObj.type
Elemen SELECT dikatakan bertipe 'select-multiple', itu jika atribut MULTIPLE ditetapkan di dalam elemen SELECT atau properti HTMLSelectElement.multiple diset ke nilai true -- untuk dikatakan bahwa elemen SELECT bertipe 'select-one' adalah sebaliknya.
Contoh di bawah ini mengetahui tipe dari elemen SELECT:
<FORM>
<SELECT SIZE="3" MULTIPLE>
<!-- Di sini banyaknya OPTION -->
</SELECT>
</FORM>
<SCRIPT TYPE="text/javascript">
var selectObj = document.getElementsByTagName("select")[0];
alert(selectObj.type); // "select-multiple"
</SCRIPT>
Contoh di bawah ini mengetahui tipe dari elemen SELECT part 2:
<FORM>
<SELECT>
<!-- Di sini banyaknya OPTION -->
</SELECT>
</FORM>
<SCRIPT TYPE="text/javascript">
var selectObj = document.getElementsByTagName("select")[0];
alert(selectObj.type); // "select-one"
</SCRIPT>
Contoh di bawah ini hanya berisi pengujian apakah elemen SELECT bertipe 'select-multiple', jika benar ubah menjadi bertipe 'selec-one'. Lihat keluaran dari kedua Alert:
<FORM>
<SELECT SIZE="3" MULTIPLE>
<!-- Di sini banyaknya OPTION -->
</SELECT>
</FORM>
<SCRIPT TYPE="text/javascript">
var selectObj = document.getElementsByTagName("select")[0];
alert(selectObj.type); // "select-multiple"
if (selectObj.type === "select-multiple") {
selectObj.multiple = false;
selectObj.size = 0;
selectObj.type = "select-one";
}
alert(selectObj.type); // "select-one"
</SCRIPT>
