선택 옵션이 제대로 작동하지 않습니다.

Question

첫 번째 드롭 다운 메뉴에서 옵션을 선택하려면 두 번째 드롭 다운 메뉴에서 옵션을 선택하십시오.

* 드롭 다운 메뉴를 별도로 사용해야합니다.

* 드롭 다운 메뉴에서 텍스트를 클릭 할 때 라디오 버튼을 선택해야합니다. 여기

는이 아이디의를 사용하여 첫 번째 문제 때문에 대신 클래스의 원인 시도 당신의 문제의 문제는 당신이 드롭 다운이 같은 클래스를 가지고있는 jsfiddle

Answer 1

입니다. 첫 번째 질문의

대답 바이올린에 표시됩니다 (별도 드롭 다운 메뉴에서 옵션을 선택해야합니다) : - 두 번째 질문의 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); 
});