Javascript 从下拉菜单选择jquery添加div

Javascript 从下拉菜单选择jquery添加div,javascript,jquery,dom,html,drop-down-menu,Javascript,Jquery,Dom,Html,Drop Down Menu,我可以用dom添加一行,但如何根据所选内容使div显示在下拉列表的右侧 以下是我迄今为止的一个例子: 第一个下拉菜单工作正常,但我希望在单击按钮时添加其余的下拉菜单,我希望它们的工作方式与原始下拉菜单相同。因此,如果选择了Asian,则添加部分将显示在右侧,如果选择了Other,则其他添加部分将显示在右侧,依此类推,每次单击add按钮时都会显示。我尝试了克隆,但我不希望在单击“添加”按钮时选择任何内容。事实上,您使用的是ID而不是类,这或多或少会使这一点非常具有挑战性。您应该更新代码以使用类,并

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

以下是我迄今为止的一个例子:


第一个下拉菜单工作正常,但我希望在单击按钮时添加其余的下拉菜单,我希望它们的工作方式与原始下拉菜单相同。因此,如果选择了Asian,则添加部分将显示在右侧,如果选择了Other,则其他添加部分将显示在右侧,依此类推,每次单击add按钮时都会显示。我尝试了克隆,但我不希望在单击“添加”按钮时选择任何内容。事实上,您使用的是ID而不是类,这或多或少会使这一点非常具有挑战性。您应该更新代码以使用类,并在创建新下拉列表时适当克隆
*Info

您使用的是旧版本的jQuery,因此上的
.on不能用于委派。相反,请使用
.delegate

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

这将为原始下拉列表和任何添加的下拉列表调用
show
函数,但您还必须克隆所有
*Info
div,并将它们放在表中的适当位置(我假设与附加行相同的位置)。如果您使用类,那么只需找到下拉列表的父行,然后找到相应的子行,并显示相应的类。

您需要进行一些认真的重构,但我创建了一个适用于“Asian:”的示例:谢谢,如果我在本地运行它,它工作得很好,但是当我把它放到服务器上时,它不工作,或者如果我试图从另一台电脑上的网址运行它,它也不工作