jquery - select 입력에서 선택된 옵션의 값을 얻습니다.

Question

jquery에 관해서는 꽤 초보자입니다.

echo $this->Form->input('user_id'); 

을하고이 같은 입력으로 폼을 렌더링 : I CakePHP를 사용하고 내가 선택한 사용자에 대한 주문을 등록 할 양식을 가지고, 사용자 선택을위한 선택 입력 CakePHP의에서 다음과 같습니다

<label for="OrderUserId">User</label> 
<select name="data[Order][user_id]" id="OrderUserId"> 
    <option value="2"> User 2</option> 
    <option value="3"> User 3</option> 
</select> 

사용자가 선택되면 해당 정보가 div에 표시되도록 아약스 호출을하고 싶습니다.

$(document).ready(function(){ 
    $("#OrderUserId").change(function() { 
     $.ajax({ 
      url: 'users/getData' //here would go the user ID 
     }); 
    }); 
}); 

내 질문은 이것이다 : 지금까지,이 자바 스크립트가 나는 아약스 방법의 URL에 전달할 수 있도록 어떻게 jQuery로 선택된 옵션의 값을받을 수 있나요?

Answer 1

그냥 일반 js this.value을 사용하십시오. 콜백 내의 this은 dom 요소를 나타내므로 .value을 사용하여 값에 액세스 할 수 있습니다.

$(document).ready(function(){ 
    $("#OrderUserId").change(function() { 
     //var user = this.value; 
     $.ajax({ 
      url: 'users/getData/' + this.value //here would go the user ID 
     }); 
    }); 
}); 

Fiddle

Answer 2

$(document).ready(function(){ 
    $("#OrderUserId").change(function() { 
     var _this=$(this); 
     $.ajax({ 
      url: 'users/getData'+_this.val(); //here would go the user ID 
     }); 
    }); 
});