Question

当我想从第一个下拉菜单中选择一个选项时，它也会在第二个下拉菜单中选择选项。

*需要单独使用下拉菜单。

*点击下拉菜单中的文字时需要选择单选按钮。

这是jsfiddle

Answer 1

你的问题中的问题是你的两个下拉列表有相同的类，这是你的第一个问题的原因所以而不是类尝试使用id。

第一个问题的答案（需要单独从下拉菜单中选择选项）显示在小提琴中： - http://jsfiddle.net/sbact4hz/

回答第二个问题（点击下拉菜单中的文字时需要选择单选按钮）： -

$('.search-panel .dropdown-menu').find('a').click(function() {
    var param = $(this).attr("href").replace("#","");
    var concept = $(this).text();
    $('.search-panel span#search_concept').text(concept);
    $('.input-group #search_param').val(param);
    $(this).find('input[type=radio]').prop('checked',true);  //OR $(this).find('input[type=radio]').attr('checked','checked');   <----- add this line
});

Answer 2

当您的点击事件在深层次的超链接中时，您必须向上遍历。

与下拉列表和选择广播分开工作的答案是

$('.search-panel .dropdown-menu').find('a').click(function() {
    var param = $(this).attr("href").replace("#","");
    var concept = $(this).text();
    $(this).parent().parent().parent().find('button > span#search_concept').text(concept);
    $(this).find('input').prop('checked', true);
    $('.input-group #search_param').val(param);
});

选择选项无法正常工作

2 个答案: