İPUCU

Seçenekler

JavaScript Combobax'lar arası iletişim

Komega - ait Kullanıcı Resmi (Avatar)
Analizci
Üyelik tarihi:
07/2013
Nereden:
Dünydn .s
Mesajlar:
9.739
Konular:
1347
Teşekkür (Etti):
851
Teşekkür (Aldı):
2454
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.



Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler

Yetkileriniz
Sizin Yeni Konu Acma Yetkiniz var yok
You may not post replies
Sizin eklenti yükleme yetkiniz yok
You may not edit your posts

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodları Kapalı
Trackbacks are Kapalı
Pingbacks are Kapalı
Refbacks are Kapalı