Jquery ile Sıralı Listeden Seçilen Elemanı Input'a Eklemek
Merhaba Arkadaşlar;
Jquery kullanarak listeden il adına tıklayınca ilin adını inputa yazdıracak
aynı zamanda il listesi kalkacak ve az önce tıklanan
ilin ilçeleri listesi açılacak bu listeden de tıklanan ilçe yine
inputa yazdırılacak ama ilk seçtiğimiz ilin adı silinmeyecek inputtan.
Evet arkadaşlar umarım anlatabilmişimdir. Yardımlarınızı bekliyorum. Şimdiden teşekkürler.
<hr>
<div style="padding: 5px; margin-bottom: 5px; border:1px solid; border-radius: 4px;">
<input type="text" placeholder="Şehir Seçiniz" />
</div>
<ul>
<li>Adana</li>
<li>İstanbul</li>
<li>Ankara</li>
</ul>
html kısmı
<input type="text" name="il"/>
<div class="il">
<ul class="iller">
<li id="1">Adana</li>
<li id="34">İstanbul</li>
<li id="6">Ankara</li>
</ul>
</div>
<div class="ilce" style="display:none;">
<input type="text" name="ilce"/>
<ul class="ilceler">
</ul>
</div>
js kısmı
$("ul.iller li").click(functon(){
var iladi=$(this).text();
var plaka = $(this).attr("id");
$("input[name=il]").val(iladi);
$("ul.iller").hide();
//bu alanda plakayı databaseden ajax ile sorgulatıp o ile ait ilçeleri listeliceksin ben gelen cevabın ilceler diye bir değişken olduğunu varsayıyorum aşağıdaki gibi bir değer olsun
var ilceler = ["a", "b", "c", "d", "e", "f", "g"];
$("div.ilce").show();
$.each(ilceler, function(index, value) {
$("ul.ilceler").append('<li id="value.id">'+value.ad+'</li>');
});
});
$(document).on("click", "ul.ilceler li", function () {
var ilceadi=$(this).text();
$("input[name=ilce]").val(ilceadi);
});