使用JQuery禁用和重新启用动态表单元素

Question

查看这个小提琴可能最容易：http://jsfiddle.net/Ahfm7/4/

此时只显示了下拉列表中的代理和扩展程序值。

我遇到了一些我希望有人可以帮忙解决的错误。

• 第一种是当你添加一行新的下拉列表而不在第一行中选择任何内容并继续在第二行中选择一个选项时，可以提交表格。

• 同样，如果您在第一行中选择一个选项，然后添加另一个选项并将其删除，则提交按钮将保持禁用状态。

我只是想知道是否有人知道如何解决这个问题？

Answer 1

我开始清理代码。我将700多行JS切换为更易于管理的东西，但你应该能够理解这个概念。

http://jsfiddle.net/mattball/5ubTe/

一般来说：

• 避免通过缓存jQuery对象重新查询DOM
• 通过编写包含常用重用逻辑的更多小函数（例如我添加的enableSubmitButton函数）来保持DRY
• 不要忘记使用var

Answer 2

我终于有了一个完整的工作解决方案，但有一个错误：

http://jsfiddle.net/5ubTe/72/

感谢您的建议。