Jquery ile Sıralı Listeden Seçilen Elemanı Input'a Eklemek

veyselakkale 1780 gün önce

698 defa görüntülendi ve 1 kişi tarafından değerlendirildi

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>

<input type="text" placeholder="Şehir Seçiniz" />

</div>

<ul>

<li>Adana</li>
<li>İstanbul</li>
<li>Ankara</li>

</ul>

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (4)

veyselakkale

1779 gün önce

Teşekkürler :)

#000495

emrklc

1779 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

#000493

veyselakkale

1779 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" />

#000492

emrklc

1779 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>

<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);
    });

#000490