Bootstrap下拉JavaScript不起作用的多个下拉列表

我正在使用JavaScript来更改Twitter Bootstrap下拉菜单来选择。我面临的问题是该脚本适用于所有的领域。我怎样才能修改它为每个下拉菜单单独工作？Bootstrap下拉JavaScript不起作用的多个下拉列表

$(".dropdown-menu li a").click(function() { 
    $(".btn-default-dropdown").html('<span class="pull-left">'+$(this).text()+'</span><span class="lx-icon icon-dropdown-arrow media-middle pull-right"></span>'); 
});

来源

2015-09-04 John Siniger

不知道如果我明白你的问题，有没有多的下拉列表中的所有被点击事件影响？ –

是的，一旦我选择了下拉菜单，它就会改变它们全部。因为它们都具有相同的类：btn-default-dropdown。所以我想修改脚本单独工作。 –

你能给我们一个小提琴吗？（如果steviekins还没有回答） –

好像点击事件函数最终将会影响其他的下拉列表中比你点击一个，因为选择$(".btn-default-dropdown")是要选择网页中的任何下拉。你需要寻找与所点击的锚标记，像这样的下拉菜单来缩小选择的结果：

$(".dropdown-menu li a").click(function() {  
    $(this).parent(".btn-group")...//find the element inside this group 
}

来源

2015-09-04 14:18:55

这个解决方案没有被选中。下拉不选择。 –

我必须将btn-group放在HTML代码的脚本之外的某处吗？初始化组？ –

@JohnSiniger你可以把你的HTML在你的问题？那么我们可以重写答案，以正确选择你正在寻找的东西 –

Bootstrap下拉JavaScript不起作用的多个下拉列表

回答

相关问题