Zihni Kaya » Select http://www.zihni.net Wed, 16 Nov 2011 07:22:20 +0000 en hourly 1 http://wordpress.org/?v=3.1.3 Select Nesnesi http://www.zihni.net/dom/select-nesnesi/ http://www.zihni.net/dom/select-nesnesi/#comments Tue, 10 Apr 2007 18:52:56 +0000 Zihni http://www.zihni.net/?p=36 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;
]]> http://www.zihni.net/dom/select-nesnesi/feed/ 0