jQuery ile Select İşlemini Alma
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<div class="secimler">
<select>
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>
<div class="ekle">
Seçenek Ekle
</div>
<script type="text/javascript">
$('.ekle').on("click", function () {
$('.secimler').append('<select><option value="1">Eklenen 1</option><option value="2">Eklenen 2</option></select>');
});
$(".secimler select").change(function () {
alert("Değiştirildi");
});
</script>
Yukarıdaki kodlarda .secimler içerisinde bulunan select değiştiğinde Değiştirildi şeklinde bir alert() alıyoruz.
.ekle'ye tıkladığımızda .secimler içerisine bir select daha atıyor. Fakat bu yeni eklenen select'imizde herhangi bir değişiklik yaptığımızda alert() alamıyoruz.
.secimler içerisindeki tüm select'ler değiştiğinde alert() almamız gerekiyor.
Bir türlü sonuca varamadım dostlar, yardımlarınıza ihtiyacım var. :)
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (3)
necmettin beyin verdiği örnek ile yapabilrisin ek olarak
$(document).ready(function () {
$(".secimler").on('change' ,'select', function() {
console.log($(this).val());
});
});
Bu şeklinde kullanırsan belge hazır olana kadar da kod çalışmaz bir farklı yok ama böyle kullanman döküman tamamen yüklenince sorguyu ele alır.
