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

0

Я довольно новичок, когда дело доходит до 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?

Теги:
cakephp

2 ответа

1
Лучший ответ

Просто используйте plain 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
        });
    });
});

скрипка

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню