Jquery append kullanımında sorun yaşıyorum!

Merhaba;

Codepen üzerinden örnek bir uygulama hazırladım.

Burada hangi select box'tan seçim yaparsam seçilen option'un value'sini alıp altındaki secilen class'ın içine append ile eklemek istiyorum.

Bu konuda yardımcı olursanız sevinirim.

 

Option elementini click ile kontrol etmek yerine select elementini change ile kontrol edersen sorun çözülür. Bkz;

$(document).ready(function($){

  // select değişince
  $('.list-cont select').on('change', function() {
    
    // yeni değeri alalım
    var sec = $(this).val();
    
    // .secilen divine ekleyelim
    $('.secilen').append(sec+'<br>');
  });

});

 

Dediğiniz gibide olmuyor Nurullah bey.

Örnekte görüldüğü gibi kapsayici class'ından 4 tane var ve her birinin içinde bir select box var ve bu her select box'ta seçilen için ekleme yapılacak secilen class'ı var yani hangi select box'ı kullanırsam onun altındaki secilen class'ına eklemeli.

Fakat ben bir select'ten seçim yaptığımda tüm secilen class'larına ekleme yapıyor.

Evet. O sorunu kontrol etmeyi unutmuşum. Çözüm olarak aşağıdaki kodu kullanabilirsiniz. 

$(this).parent().parent().parent().find('.secilen').append(sec+'<br>');

 

Tekrar Teşekkürler Nurullah Bey!

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git