드롭 다운 메뉴에서 값을 설정하는 방법

Question

테이블이 있고 각 행에 확인란과 드롭 다운 메뉴가 있습니다.

이

내가 jQuery를 사용하여 선택으로 text을 표시 드롭 다운을 설정하려는 하나의 행

<tr> 
    <td><input id="checked1" type="checkbox" class="cd" value="1"></td> 
    <td><b>select</b></td> 
    <td> 
     <select name="questionType" id="questionType" class="qType QSelect"> 
     <option value="">--Select--</option> 
     <option value="1">text</option> 
     <option value="2">rate</option> 
     <option value="3">etc</option> 
     <option class="show-checkboxes" value="4">option</option> 
     </select> 
    </td> 

    <td><input type="hidden" id="optionInputa1"></td> 
</tr> 

입니다. 여기

내가

//$("#checked1").closest("input:select").val('text'); 
$('#checked1').parent().sibling().sibling().children().closest("input:select").val('text'); 

을 시도 2 ​​가지 방법하지만 아무도는 작동하지 않습니다.

아무도 나에게 무슨 문제가 있다고 말할 수 있습니까?

당신이 볼 수있는 fiddle

Answer 1

당신이하고있는 것은 매우 복잡하고 부서지기 쉬운입니다!

closest은 select이 input이 아니기 때문에 select과 절대로 일치하지 않습니다.

또한 표시 텍스트가 아닌 값을 기반으로 select의 값을 설정해야합니다.

마지막으로 테이블이없고 <tr>이 DOM에 들어 가지 않기 때문에 피들이 작동하지 않습니다.

$('#checked1').closest('tr').find('select').val('1'); 

업데이트 바이올린 :

편집 : http://jsfiddle.net/E3q5x/3/

Answer 2

이 시도

당신은 그래서 그냥 그렇게, 그 행에서 같은 select를 찾으려면 당으로 채팅에 대한 토론, 페이지로드시 드롭 다운 값이 선택되고 체크 박스 값과 동일한 값이 선택됩니다. 따라서 jQuery와 JSfiddle 링크가 업데이트되었습니다. 여기

$(document).ready(function(){ 
    $('input[type=checkbox]').each(function(){ 
     $(this).closest('tr').find('select').val($(this).val()); 
    }); 
}); 

당신은 당신이 시도 할 수는 checkbox checked에서 수행 할 경우 JSFiddle

Answer 3

입니다 ..

$("#checked1").click(function() { 
    $("#checked1:checked").parents('tr').find('select').val('1'); 
}); 

Fiddle