Tekil Mesaj gösterimi
Komega
Komega - ait Kullanıcı Resmi (Avatar)
Analizci
Üyelik tarihi:
07/2013
Nereden:
Dünydn .s
Mesajlar:
9.739
Konular:
1347
Teşekkür (Etti):
Teşekkür (Aldı):
Ticaret:
(0) %
20-09-2014 08:30
#1
JavaScript Combobax'lar arası iletişim


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.

Kod:
<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.********.form_1.select_2.options.length-1; loop > 0; loop--)
  {
    window.********.form_1.select_2.options[loop] = null;
  }
  
  for (loop = 0; loop < iller_array[window.********.form_1.select_1.selectedIndex].length; loop++)
  {
    window.********.form_1.select_2.options[loop] = new Option(iller_array[window.********.form_1.select_1.selectedIndex][loop]);
  }
  window.********.form_1.select_2.selectedIndex = 0;
}
  
// Sayfa ilk açılırken selectedindex=0 oluyor.
function set_init()

{
  window.********.form_1.select_1.selectedIndex = 0;
  window.********.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>
---------------------

- The End.

- Emekli Uzman Moderatör.