动态创建的下拉列表和onChange jQuery

Question

我的应用程序在ASP.net MVC3中。

我有一张表格。 元素可以具有子元素，但是子元素不能。 在表中，如果元素有子元素，则将它们以ul列出。 用户可以选择列表中的项目以将其从该父项中删除。 发生这种情况时，将从列表中删除该元素，并呈现局部视图，该视图在该元素的表中创建新行，因为该元素不再是子元素。 不是子元素且没有自己子元素的元素可以通过从下拉列表中选择要与之组合的元素来与其他元素组合。 我的问题是，当您从父级移除元素时，为部分视图中的表行创建的下拉列表没有所需的功能。

我认为这可能是由于我的JavaScript函数来组合元素是在$(document).ready(function () {...}); 并且该下拉菜单在页面创建中不存在。

有没有办法添加我的$('.combineDropdown').change(function () {...}); 到已经动态创建的元素？

Answer 1

您需要使用bind ， on ， 委托或一个 （取决于您的需求）。 每次添加新元素时都需要执行此操作

Answer 2

为什么要为此全部使用jQuery？ 您可以通过输出带有onChange html属性的下拉列表来实现相同的结果，该属性指向要执行的javascript函数。

例：

<select onChange="myFunction(this)"><option>...</option></select>