如果你通过新增 `<tr>` 行来动态添加元素,而 JavaScript 监听器无法监听到新增行的 ID 值,你可以使用以下方法:
1. 为新添加的行手动添加事件监听器:在每次新增行时,将点击事件监听器绑定到新行的 `<select>` 元素上。这样即使是新增的行,也能够被监听到。
2. 使用事件委托(Event Delegation):将点击事件监听器绑定到父级元素(例如表格的容器元素),然后通过事件冒泡捕获子元素的点击事件。这样无论是新行还是已存在的行,都能够被监听到。
下面是使用事件委托的示例代码:
$('#tableContainer').on('click', 'select[id^="field65942_"]', function() {
var currentValue = $(this).val();
console.log(currentValue);
上述代码中,`#tableContainer` 是包含表格的容器元素的选择器。我们将点击事件监听器绑定在该容器元素上,并使用第二个参数 `'select[id^="field65942_"]'` 指定了要捕获的子元素选择器,即以 "field65942_" 开头的 `<select>` 元素。
通过这种方式,不论是已存在的行还是通过新增添加的行,只要满足选择器条件,都会触发相应的点击事件,并打印出当前值。
请根据你的具体情况调整代码中的容器选择器和子元素选择器。