更新脚本以使用递增的ID运行新创建的表行

Question

我从jQuery UI获得了一个带有提前类型功能的表。当只有一个表行（初始视图）时，它正在使用我的表单。有一个按钮允许用户根据需要创建其他表行，这也会增加文本输入和选择菜单的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

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