从下拉菜单选择jquery添加div

时间:2013-01-29 00:37:50

标签: javascript jquery dom html drop-down-menu

我可以在dom中添加一行,但是如何根据选择的内容将div显示在下拉的右侧?

以下是我目前的例子:http://jsbin.com/#/afojid/1/edit

第一个下拉列表正常工作,但我想在单击按钮时添加其余内容,我希望它们的工作方式与原始下拉菜单相同。因此,如果选择亚洲,则会在右侧显示添加部分,如果选择了其他,则右侧将显示其他添加部分,依次为每次单击添加按钮。我尝试克隆但是在单击添加按钮时我不希望选择任何内容

1 个答案:

答案 0 :(得分:1)

你使用id而不是普遍使用类的事实使得这非常具有挑战性。您应该更新代码以使用类,并在创建新的下拉列表时适当地克隆*Info表。

您使用的是旧版本的jQuery,因此您无法使用.on进行委派。相反,请使用.delegate

$(document).delegate('#typeofEthnicity,[id^=newDDMenu]', 'change', showEthnicity)

这将调用原始下拉列表的showEthnicity函数和任何添加的下拉列表,但您还必须克隆所有*Info div并将它们放在表中的适当位置(我想与附加行相同的点)。如果你使用类,那么找到下拉列表的父行然后找到相应的子类以及要显示的相应类就很简单了。