jQuery를 사용하여 다음 드롭 다운에서이 값을 가져올 수없는 이유는 무엇입니까?

Question

드롭 다운 메뉴의 값을 가져 오려고합니다. 나는 페이지에 몇 개가있다.

각 드롭 다운 앞에 라디오 버튼이 있고 이상적으로 라디오 버튼을 선택하면 다음 선택 -> 옵션에 현재 값이 표시됩니다.

내가 지금까지 가지고 있습니다 :

HTML :

<input type="radio" class="ticketOption" value="30.00" /> 
<select> 
    <option value="1">1</option> 
    <option value="2">2</option> 
</select> 

JQuery와 :이

$j(document).ready(function(){ 


$j('.ticketOption').click(function(){ 

    var price = $j(this).attr('value'); 

    var tickets = $j(this).next('select option:selected').text(); 

    alert(tickets); 


}); 

}) 

아직 내 경고가 빈 올라오고있다? 나는 내 next()를 올바로하고 있는지 잘 모르겠습니다. 그것은 꽤 똑바로 앞으로 보인다. 그러나 나는 나의 전구를 작동시키는 것에 관해서 thomas edison와 같게 보인다.

아이디어가 있으십니까?

Answer 1

입력란에없는 옵션 태그에 next() (으)로 표시하려고했기 때문입니다. . 그래서 당신은 약간 수정해야합니다 : 그냥 jQuery를 함께 테스트

의미가

var tickets = $j(this).next('select').find('option:selected').text();