【问题标题】:add div from drop down menu selection jquery从下拉菜单选择jquery添加div
【发布时间】:2013-01-29 00:37:49
【问题描述】:

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

这是我目前所拥有的一个例子:http://jsbin.com/#/afojid/1/edit

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

【问题讨论】:

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


    【解决方案1】:

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

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

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

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

    【讨论】:

    • 您需要进行一些认真的重构,但我创建了一个适用于“亚洲:”jsfiddle.net/k5JQ7 的示例
    • 谢谢,如果我在本地运行它会很好,但是当我将它放在服务器上时它不起作用,或者如果我尝试从另一台电脑上的网址运行它,它不起作用要么
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-23
    • 2014-10-18
    • 2014-05-24
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多