Properti HTMLSelectElement.selectedIndex mengembalikan number (long) yang menunjukkan indeks elemen OPTION di dalam elemen SELECT dalam kondisi terpilih.
Sintaks:
selectObj.selectedIndex
Contoh di bawah ini akan menentukan warna apa yang akan diberikan untuk teks di dalam dokumen, warna yang digunakan akan tergantung dari elemen OPTION yang terpilih. Sebelumnya di bagian HEAD terdapat fungsi berikut:
function foo(form) {
var newColor = (form.selectName.options[form.selectName.selectedIndex].text);
document.fgColor = newColor;
}
Dan di bagian BODY berisi:
<P STYLE="font-size:50px">Halo Dunia!</P>
<FORM>
<SELECT NAME="selectName" ONCHANGE="foo(this.form)">
<OPTION>White</OPTION>
<OPTION>Blue</OPTION>
<OPTION>Yellow</OPTION>
<OPTION>Green</OPTION>
<OPTION>Orange</OPTION>
<OPTION SELECTED>Black</OPTION>
<OPTION>Red</OPTION>
</SELECT>
</FORM>
