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

Question

我有一个带有 jQ​​uery UI 提前输入功能的表格。当只有 1 个表格行（初始视图）时，它正在使用我的表单。有一个按钮允许用户根据需要创建额外的表格行，这也增加了文本输入和选择菜单的 ID。

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

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

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

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

Answer 1

脚本有一些问题。

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

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

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

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

这是您的代码的工作版本：

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

Answer 2

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