JavaScript Kod Örnekleri - JavaScript Code Samples

// İ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>

<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>

<select name="select_2">
    <option>Lütfen bir il seçiniz</option>
  </select>
  <br>
  <input type="submit" value="Git!"> </p>
</form>

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.

Ekleyen : Administrator

JavaScript Kod Örnegi (JavaScript Code Sample)

JavaScript Combobax'lar arası iletişim

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.