Giriş yap
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>

emrklc
12 gün önce

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);
    });
veyselakkale
12 gün önce

İlçeleri listeledikten sonra ilçe adına tıklayınca farklı bir input'a değil de ilk inputta İl adının yanına nasıl yazdırabiliriz? Aşağıdaki gibi.

<input type="text" value="İstanbul > Beyoğlu" />

emrklc
12 gün önce

mantık aynı
<script>
var iladi = $("input[name=il]").val();
var ilceadi=$(this).val();

$("input[name=il]").val(iladi+ilceadi);

</script>

şeklinde yazdırabilirsin

veyselakkale
12 gün önce

Teşekkürler :)

Nasıl akıllıca soru sorulur?
Daha hızlı ve kaliteli cevaplar almak için önce nasıl soru sorulacağını bilmeniz gerekir. Eğer bilmiyorsanız bu yazı serisini okuyun.

Cevap yaz