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获取所选选项的值，以便我可以将其传递给ajax方法中的url？

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
        });
    });
});

jquery - 获取选择输入中所选选项的值

2 个答案: