Phần tử
select của biều mẩu không giống như các phần tử trước, bởi rằng nó có
sẵn những giá trị, và cùng một lúc, người ta có thể chọn nhiều gái trị.
Ta vẫn có thể kiểm tra xem giá trị của select có bằng rỗng hay không,
và sau đó vẫn là các bước quen thuộc.
Nhưng javascript còn cho ta một cách nữa để kiến mọi thứ trở nên linh
động hơn. Bạn có thể biết người dùng đã chọn lựa chọn thứ mấy với
selectedIndex
VD:
Mã nguồn:[Chọn]
<script>
function vd()
{
if(document.aa.bb.value!="")
{
alert(document.aa.bb.selectedIndex);
}
}
</script>
<form name="aa" onsubmit="vd();">
<select name="bb" size="3" multiple>
<option value="01">Lựa chọn 1</option>
<option value="02">Lựa chọn 2</option>
<option value="03">Lựa chọn 3</option>
</select>
<input type="submit" />
</form>
Kết quả:
Nếu người dùng lựa chọn phần tử đầu tiên (Lựa chọn 1) thì kết quả là 0,
phần tử thứ 2 (Lựa chọn2) kết quả là một,....Còn nếu không chọn thì kết
quả trả vể là số âm (-1) thì có nghĩa là chả có cái nào được chọn! Ta
có thể dùng cách này để xác định xem select có được chọn hay chưa.