javascript - 从下拉菜单选择jquery添加div

Question

我可以使用 dom 添加一行，但是如何根据选择的内容让 div 显示在下拉列表的右侧？

这是我到目前为止的一个例子：http: //jsbin.com/#/afojid/1/edit

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

Answer 1

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

您使用的是旧版本的 jQuery，因此.on无法用于委托。相反，使用.delegate：

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

这将调用showEthnicity原始下拉列表和任何添加的下拉列表的函数，但您还必须克隆所有*Infodiv 并将它们放在表中的适当位置（我想与附加行相同的位置）。如果您使用类，那么只需找到下拉列表的父行，然后找到具有要显示的适当类的相应子行。