javascript - jQuery 选择 JavaScript 生成的元素

Question

我正在使用 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>

Answer 1

以下内容将检测 tableSelector 中名称以 CAM_1_ 开头的所有 select 元素的所有更改

$('tableSelector').on('change', 'select[name^="CAM_1_"]', function() {
    alert(this.value);
});