Javascript 在动态字段中使用Ajax

我现在正在做一个项目，第一次大量使用javascript、Jquery/AJAX，遇到了一个问题。我会尽力解释的，但这里有一个包含所有关键部分的例子

基本上我有一个quote表单，人们可以在表单中动态添加字段（参见示例add product button），当点击它时，它会生成一些新的表单字段，这些表单字段的每一组都有自己的编号id，因此它的名称是唯一的

其中一部分是有两个下拉列表，其中一个在更改时通过AJAX获取第二个下拉列表的结果。我遇到的问题是，当添加多个产品时，它会返回并更新正确产品的复选框

我唯一能真正了解如何做到这一点的方法是，添加一个产品时，还要添加一个新的jquery，该jquery使用该特定ID查看选择框，但这似乎效率低下

有更好的方法吗

如果你需要我进一步解释，让我知道

---

“提前感谢”

似乎是您需要的。

似乎是您需要的。

嘿，这看起来正是我需要的，但我无法解决的一件事是如何将更改后的元素ID传递给函数。为确保将数据加载到正确的框中，最好的方法是什么？对不起，我刚刚找到了方法，非常感谢您的指导。我到处寻找可以做到这一点的方法：DGlad为了帮助其他阅读此问题的人，解决方案是使用

.live（）

和非基于ID的选择器。在处理程序内部，使用

$（this）

对引发事件的项进行操作。例如，要获取ID（如果您仍然需要它），请使用

$（this）.attr（'ID'）

。嘿，这看起来正是我需要的，但我无法解决的一件事是如何将更改的元素的ID传递给函数。为确保将数据加载到正确的框中，最好的方法是什么？对不起，我刚刚找到了方法，非常感谢您的指导。我到处寻找可以做到这一点的方法：DGlad为了帮助其他阅读此问题的人，解决方案是使用

.live（）

和非基于ID的选择器。在处理程序内部，使用

$（this）

对引发事件的项进行操作。例如，要获取ID（如果您仍然需要它），请使用

$（this.attr（'ID'）

。