使用 JQuery 链接动态创建的下拉列表答案

【问题标题】：Chain dynamically created dropdowns with JQuery使用 JQuery 链接动态创建的下拉列表
【发布时间】：2011-04-04 22:53:53
【问题描述】：

我正在为应用程序构建某种不确定的过滤器，当我克隆一些选择时我遇到了这个问题。

通过Chained Selects jQuery 插件，这些选择被链接在它们之间。

问题是每次我克隆选择时，链接都会停止工作，我已经尝试了一切，例如 .live() 让它工作，但似乎我不走运：D

这里有我所说的示例，http://jsfiddle.net/7K2Eu/63/

起初，选择链正常，但是当我克隆表单时，它们停止工作，除了第一行选择。

谢谢！！

【问题讨论】：

您的主要错误是 ID 在整个网页中必须是唯一的。您不能复制它们并期望它起作用！我会尽快修复你的代码
@Khez：你说得对，我只是快速复制它作为示例。也许我应该使用类，这是最好的选择？
重复的 id 不是他的问题。我认为他的问题是克隆只是克隆 html 代码而不是事件侦听器
我读到动态创建的元素没有绑定到以传统方式创建的事件（ $('div').clicK() ），而是我使用了 $('div')。 live('click', function(){ // 做点什么 });附加一些关于现有和未来元素的事件。 jQuery .live()
无论如何，我也不知道如何使它与 .live() 一起工作。

【解决方案1】：

http://jsfiddle.net/FJFFJ/1/ 我想这就是你搜索的内容 ;-)

我发现当您克隆模板时，您只会克隆当前现有的模板。因此，如果您做出了一些选择，因此链接减少了选择集，您只克隆了减少的选择集。

我还发现克隆不会克隆链接。

我还更改了您的复制支持，以便仅将链接应用于新生成的项目。

【讨论】：

【解决方案2】：

嗯……好像有点过于复杂了……

【讨论】：