我正在使用 JavaScript 动态生成一些 HTML 表格。填写完这个动态表后,我使用 jQuery 来“抓取”一些输入并进行一些小型计算以进行表单验证。但是,我的 jQuery 选择器不适用于动态 HTML 表单。有人可以给我一些建议吗?谢谢!
这是代码:
<script>
//generate HTML table
$('<tr><th><label for="id_CAM_1">Input:</label></th><td><select name="CAM_1_'+i+'" id="id_1_'+i+'"><option value="1">Option 1</option><option value="2">Option 2</option></select></td></tr>').appendTo('.table');
// jQuery selector, which does not work dynamically
$('select[name=CAM_1_'+i+']').change(function() {
var ss1=$(this).val()
alert(ss1)})
</script>
最佳答案
以下内容将检测 tableSelector
中名称以 CAM_1_
开头的所有 select
元素的所有更改
$('tableSelector').on('change', 'select[name^="CAM_1_"]', function() {
alert(this.value);
});
关于javascript - jQuery 选择 JavaScript 生成的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12163771/