Açıklama
Bir açılan bir combobox'tan seçilen bir alanın alt başlıklarının başka bir comboboxta gösterilmesine ait bir örnek.
JS SOURCE CODE
<script language="JavaScript">
<!--
var categories = 5;
var iller_array = new Array(categories);
// İllerin ilçeleri listeleniyor
iller_array[0] = new Array("Lütfen Bir İl Seçiniz");
iller_array[1] = new Array("-- İlçe Seçiniz --","Keçiören","Gölbaşı","Mamak");
iller_array[2] = new Array("-- İlçe Seçiniz --","Bakırköy","Kadıköy");
iller_array[3] = new Array("-- İlçe Seçiniz --","Bafra","Çarşamba");
iller_array[4] = new Array("-- İlçe Seçiniz --","Melikgazi","Kocasinan");
// Select değiştiği zaman yapılan işlemler.
function switch_select()
{
for (loop = window.document.form_1.select_2.options.length-1; loop > 0; loop--)
{
window.document.form_1.select_2.options[loop] = null;
}
for (loop = 0; loop < iller_array[window.document.form_1.select_1.selectedIndex].length; loop++)
{
window.document.form_1.select_2.options[loop] = new Option(iller_array[window.document.form_1.select_1.selectedIndex][loop]);
}
window.document.form_1.select_2.selectedIndex = 0;
}
// Sayfa ilk açılırken selectedindex=0 oluyor.
function set_init()
{
window.document.form_1.select_1.selectedIndex = 0;
window.document.form_1.select_2.selectedIndex = 0;
}
// Sayfa ilk yüklendiğinde set_init fonksiyonu çalışıyor.
window.onload=set_init
// -->
</script>
<!-- İllerin listelendiği combobox-->
<form name="form_1" action="comboboxlistele.htm">
<p>
<br>
<select name="select_1" onChange="switch_select()">
<option>-- İller --</option>
<option>Ankara</option>
<option>İstanbul</option>
<option>Samsun</option>
<option>Kayseri</option>
</select>
<br>
<!-- Seçilen ilin ilçelerinin listelendiği combobox-->
<select name="select_2">
<option>Lütfen bir il seçiniz</option>
</select>
<br>
<input type="submit" value="Git!"> </p>
</form>
Detaylı İnceleme
Kodları BODY tagları arasına yerleştiriniz.
Burada bulanan "iller_array[]" isimli dizide birinci comboboxta seçilen ilin ilçelerini tutmaktadır.
Birinci combobox'ya bulana illeriden birisi seçildiğinde ona ait olan ilçeler ikince comboboxta listelenmektedir.
İlk combobox'taki bilgileri "OPTION" tagları arasında belirtmeniz gerekmekte, seçilen iliin ilçeleri ise "iller_array[]" dizisinde OPTION'da ki sıra numarası altında yazılmalıdır.
Kodlarda bulunan açıklamalara bakarak sizde kendi listelerinizi oluşturabilirsiniz.
İyi çalışmalar.
Görüntülenme: 2765
Ekleyen: Administrator