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. :)
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.