Select Nesnesi

Select nesnesi html formlarındaki dropdown listesini temsil eder.

Aşağıdaki gibi bir belgemiz olsun.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<head>
</head>
<body>
<form id="myForm">
<select name="ddlKitap" id="ddlKitap">
<option value="">Seçiniz</option>
<option value="1" selected="selected">Vadideki Zambak</option>
<option value="2">Şu Çılgın Türkler</option>
<option value="3">Bozkırkurdu</option>
</select>
</form>
</body>
</html>
// select nesnesindeki seçilen elemanın endeksini bulmak.
var secilenEndeks = document.getElementById('ddlKitap').selectedIndex;
// Çıktı: 1
// select nesnesinin değerini options dizisinden çekeriz.
var secilenDeger = document.getElementById('ddlKitap').options[secilenEndeks].value;
// Çıktı: Vadideki Zambak
// 2 numaralı değere sahip Şu çılgın Türkler optionunu seçili hale getirelim
document.getElementById('ddlKitap').options[2].selected = true;