jQuery - 動態創建的選擇框在選擇值時不觸發函數
[英]jQuery - dynamically created select boxes not triggering function when value is selected
問題描述
我有一些動態創建選擇下拉菜單的代碼。 我希望每個選擇下拉菜單都有一個“onchange”能力，一旦選擇就調用一個不同的功能...到目前為止，我很難做到這一點...幫助表示贊賞..謝謝！
function createSections(num) {
var value = num.value;
alert(value);
}
jQuery('#number-of-units').change(function() {
var num = parseInt(jQuery(this).val());
var container = jQuery('<div />');
var i = 1;
for(i; i <= num; i++) {
container.append('<select onchange="createSections(this)" class="create-course-select-element"><option disabled selected value="none">--</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option></select>');
}
jQuery('#display-unit').html(container).hide();
jQuery('#display-unit').fadeIn(1500);
});
2 個解決方案
解決方案1
1 已采納 2014-05-02 22:47:16
您可以使用jQuery函數“on”。
這將激活所有<select>進入<body>
jQuery('body').on('change', 'select', function() { alert('fire the event!'); });
解決方案2
1 2014-05-02 23:14:11
關閉之前我的2美分：
將select元素附加到文檔后， 也可以調用change（）函數。
MapSelects() //called AFTER adding the select to the document
function MapSelects(){
$('select.create-course-select-element').off();
$('select.create-course-select-element').change(function(){
createSections($(this).val());
});
}
jQuery .on('change', function() {} 不會觸發動態創建的輸入
[英]jQuery .on('change', function() {} not triggering for dynamically created inputs
選擇默認選擇選項時如何防止JQUERY change（）函數觸發
[英]How to prevent JQUERY change() function triggering when default select option selected
如何從表中動態創建的選擇中檢索所選選項的值
[英]How to retrieve the value of the selected option from a dynamically created select in a table
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.