更新脚本以针对具有递增 ID 的新创建的表行运行

Updating script to run for newly created table rows with incremented IDs

本文关键字：新创建创建运行 ID 脚本更新更新时间：2023-09-26

>我有一个来自jQuery UI的带有类型提前功能的表。当只有 1 个表格行（初始视图）时，它正在使用我的表单。有一个按钮允许用户根据需要创建其他表格行，该按钮还会增加文本输入和选择菜单的 ID。

还有另一个脚本，它根据预先键入选择将匹配值插入到选择菜单中。这两者都适用于第一行，但停止适用于创建的任何其他行。

我已经设置了一个示例JSFiddle：

http://jsfiddle.net/fmdataweb/hxzME/1/

我想我理解为什么它们只适用于第一行 - 它们与这些 ID 相关联：#lastYearSelect1 和 #nextYearSelect1 - 但我不确定如何更改它们，以便它们随后使用 #lastYearSelect2、#nextYearSelect2、#lastYearSelect3、#nextYearSelect3 等。

脚本存在一些问题。

首先你是对的，你需要在克隆行后再次设置所有脚手架，clone方法不会复制功能，只会复制 html 元素。

要查找正确的元素，可以在 on the setDropDown 对象上使用与属性名称开头匹配的 JQuery ^= 选择器来查找要转换为自动完成字段的正确子输入。您可以在函数中执行相同的技巧，将下拉列表更改为正确的函数。

最后，您的许多代码和变量都在错误的范围内，无法正确访问。我已经移动了很多变量，以便它们可以访问，主要是在全球范围内。当你更有经验时，你不会想这样做，但现在这很好。

我还创建了一个新的函数CC_4，但这段代码与以前的代码几乎相同。

以下是代码的工作版本：

http://jsfiddle.net/hxzME/3/

将类添加到元素并在绑定事件处理程序时使用类选择器。