Bootstrap Dropdown选项是在* all *下拉菜单中设置选择

弗切兹牛

在SO上有很多问题,询问如何设置所选下拉菜单的值,例如如何在Bootstrap Button下拉标题中显示所选项目效果很好,直到您向页面添加第二(或第三...)下拉菜单。然后发生的是,在下拉菜单A上选择一个值也会在下拉菜单B和C上设置该值...

这是我的小提琴

$(".dropdown-menu li a").click(function () {
    var item = $(this).text();        
    $(".btn:first-child").text(item);
    $(".btn:first-child").val(item);    
});

当前的选择器正在选择所有下拉菜单。.需要的是在选定的下拉菜单按钮组中选择该按钮,或者通过父级遍历,但我都无法解决这两个问题。

任何帮助表示赞赏。

克里斯·汤普森

当您有$(“。btn:first-child”)时,您正在搜索所有按钮

您需要相对于当前元素:

 $(".dropdown-menu li a").click(function () {
    var item = $(this).text();        
    $(this).closest(".btn-group").find(".btn:first-child").text(item);
    $(this).closest(".btn-group").find(".btn:first-child").val(item);
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章