Birden fazla comboboxın içine ajax ile birbirine bağlantılı şekilde veri nasıl çekebilirim

Cevaplar

• 

  11 yıl önce yazılmış

  irfanevrens

  21 cevap - 0 soru
  arkadaşım 8 tanesi çok fazla o kadarını yapmak çok zaman alır
  
  şimdilik 3 tanesi aşağıdaki gibi olabilir. size özel kodlama :)
  
  index.php
  
  

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
  
  <script type="text/javascript">
  
  $(document).ready(function() {
  
  	// il web servisi
  	var servis_iller = 'servis.php?gorev=iller';
  
  	// illeri yükle
  	$.getJSON(servis_iller, function(data) {
  
  			sonuc = '';
  		
  			$.each(data, function(index, value) {
  
  				sonuc += '<option value="' + value.id + '">' + value.adi + '</option>';
  			});
  
  			$('#iller').html(sonuc);
  		});
  
  	$('#ilceler, #koyler').css('display', 'none');
  
  	// il seçildiğinde
  	$('#iller').change(function() {
  
  		$('#ilceler').css('display', 'inline-block');
  		$('#koyler').css('display', 'none');
  
  		// seçili ilin id numarası
  		var il_id = $('#iller option:selected').val();
  		
  		// ilçe web servisi
  		var servis_ilceler = 'servis.php?gorev=ilceler&il_id=' + il_id;
  
  		$.getJSON(servis_ilceler, function(data) {
  
  			sonuc = '';
  		
  			$.each(data, function(index, value) {
  
  				sonuc += '<option value="' + value.id + '">' + value.adi + '</option>';
  			});
  
  			$('#ilceler').html(sonuc);
  		});
  	});
  
  	// ilçe seçildiğinde
  	$('#ilceler').change(function() {
  
  		// seçili ilçenin id numarası
  		var ilce_id = $('#ilceler option:selected').val();
  		
  		// köy web servisi
  		var servis_koyler = 'servis.php?gorev=koyler&ilce_id=' + ilce_id;
  
  		$.getJSON(servis_koyler, function(data) {
  
  			sonuc = '';
  		
  			$.each(data, function(index, value) {
  
  				sonuc += '<option value="' + value.id + '">' + value.adi + '</option>';
  			});
  
  			$('#koyler').html(sonuc);
  		});
  
  		$('#koyler').css('display', 'inline-block');
  	});
  
  	// köy seçildiğinde
  	$('#koyler').change(function() {
  
  		// seçili ilçenin id numarası
  		var koy_adi = $('#koyler option:selected').text();
  
  		alert(koy_adi);
  	});
  });
  
  </script>
  
  
  
  <select id="iller">
  	
  </select>
  
  <select id="ilceler">
  	
  </select>
  
  <select id="koyler">
  
  </select>
  

  
  
  servis.php
  

  <?php 
  
  $gorev = $_GET['gorev'];
  
  if ($gorev == 'iller') {
  
  	$iller[] = array('id' => 0, 'adi' => 'Lütfen Seçiniz');
  	$iller[] = array('id' => 1, 'adi' => 'Adana');
  	$iller[] = array('id' => 34, 'adi' => 'İstanbul');
  	$iller[] = array('id' => 46, 'adi' => 'Kahramanmaraş');
  				
  	echo json_encode($iller);
  } elseif ($gorev == 'ilceler') {
  
  	$il_id = $_GET['il_id'];
  	
  	$ilceler = array();
  	
  	$ilceler[] = array('id' => 0, 'adi' => 'Lütfen Seçiniz');
  	
  	if ($il_id == 1) {
  	
  		$ilceler[] = array('id' => '1', 'adi' => 'Seyhan');
  	} elseif ($il_id == 34) {
  	
  		$ilceler[] = array('id' => '2', 'adi' => 'Küçükçekmece');
  		$ilceler[] = array('id' => '3', 'adi' => 'Üsküdar');
  	} elseif ($il_id == 46) {
  	
  		$ilceler[] = array('id' => '4', 'adi' => 'Göksun');
  		$ilceler[] = array('id' => '5', 'adi' => 'Andırın');		
  	}
  	
  	echo json_encode($ilceler);
  } elseif ($gorev == 'koyler') {
  
  	$ilce_id = $_GET['ilce_id'];
  	
  	$koyler = array();
  	
  	$koyler[] = array('id' => 0, 'adi' => 'Lütfen Seçiniz');
  	
  	if ($ilce_id == 1) {
  	
  		$koyler[] = array('id' => '1', 'adi' => 'Seyhan Köyü');
  	} elseif ($ilce_id == 2) {
  	
  		$koyler[] = array('id' => '2', 'adi' => 'Küçük Çekmece Köyü 1');
  		$koyler[] = array('id' => '3', 'adi' => 'Küçük Çekmece Köyü 2');
  	} elseif ($ilce_id == 3) {
  	
  		$koyler[] = array('id' => '4', 'adi' => 'Üsküdar Köyü 1');
  		$koyler[] = array('id' => '5', 'adi' => 'Üsküdar Köyü 2');
  	} elseif ($ilce_id == 4) {
  	
  		$koyler[] = array('id' => '6', 'adi' => 'Göksun Köyü 1');
  		$koyler[] = array('id' => '7', 'adi' => 'Göksun Köyü 2');
  	} elseif ($ilce_id == 5) {
  	
  		$koyler[] = array('id' => '8', 'adi' => 'Andırın Köyü 1');
  		$koyler[] = array('id' => '9', 'adi' => 'Andırın Köyü 2');
  		$koyler[] = array('id' => '10', 'adi' => 'Andırın Köyü 3');
  	}
  	
  	echo json_encode($koyler);
  }
  

  • irfanevrens
    ayrıca isteye göre artırılabilir, yorum yazarak satırları anlatmaya çalıştım
    umarım işinize yarayacaktır
    11 yıl önce yazılmış
  • hkor
    Üstad eline sağlık güzel olmuş, benimde şöyle bir sorum vardı vevaplayan olmadı; "her comboxda 5-6 bölüm var diyelim,fraklı 3 comboboxtan tercih yapacak ve her tercihte seçilen alan diğerlerinden anında silinebilirmi? " şimdiden tşkler..
    10 yıl önce yazılmış
  • hkor
    üstad 1. si combobox olup ordan seçilen ile göre ilçelerin yanında checkbox olarak alt alta nasıl sıralarım?
    
    şimdiden tşkler...
    10 yıl önce yazılmış