Question

有很多关于SO的问题，询问如何设置所选下拉列表的值，例如How to Display Selected Item in Bootstrap Button Dropdown Title。这很有效，直到您向页面添加第二个（或第三个...）下拉列表。然后发生的是，在下拉列表A中选择一个值将在下拉列表B和C上设置该值......

这是我的fiddle

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

当前选择器正在选择所有下拉菜单。所需要的是选择所选下拉按钮组中的按钮，或通过父母遍历，这两者都是我未能解决的问题。＆lt; < / p>

任何帮助表示感谢。

Answer 1

当你有$（“。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);
});

Answer 2

您需要在单击链接的行中选择btn。这是根据你的html

选择行的方法

$(".dropdown-menu li a").click(function () {
    var item = $(this).text();   
    var current_row = $(this).parent().parent().parent().parent().parent();
    var current_btn = $(current_row).find(".btn:first-child");

 console.log($(current_row));     
    $(current_btn).text(item);
    $(current_btn).val(item);

}）;

Bootstrap Dropdown选项是在* all *下拉列表上设置选择

2 个答案: