選擇選項無法正常工作

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); 
});