jquery - получить значение выбранной опции в выбранном входе

Question

Я довольно новичок, когда дело доходит до jquery. Я использую CakePHP и у меня есть форма для регистрации заказов для выбранного пользователя, выберите вход для выбора пользователя выглядит в CakePHP:

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

и что делает форму с входом, как это:

<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> 

Я хочу сделать вызов ajax, так что, когда пользователь будет выбран, его информация появится в div. До сих пор, у меня есть этот JavaScript:

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

Мой вопрос заключается в следующем: как я могу получить значение выбранного параметра с JQuery, так что я могу передать его URL в Ajax метод?

Answer 1

Просто используйте простой js this.value. внутри вашего обратного вызова представляет элемент 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 
     }); 
    }); 
});