动态创建下拉列表和onChange jquery

时间:2012-06-20 14:43:06

标签: javascript jquery asp.net-mvc-3

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

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

我认为这可能是因为我的javascript函数组合元素在$(document).ready(function () {...});中,而且下拉列表在页面创建时没有。

有没有办法将$('.combineDropdown').change(function () {...});添加到动态创建的元素中?

2 个答案:

答案 0 :(得分:1)

您需要使用bindondelegateone(取决于您的需要)。每次添加新元素时都需要这样做

答案 1 :(得分:0)

为什么要使用jQuery呢?您可以通过输出指向要执行的javascript函数的onChange html属性的下拉列表来实现相同的结果。

示例:

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