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

【问题标题】：jquery - get the value of a selected option in a select inputjquery - 在选择输入中获取所选选项的值
【发布时间】：2013-09-30 11:20:04
【问题描述】：

说到 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？

【问题讨论】：

标签： javascript php jquery cakephp

【解决方案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

【讨论】：

【解决方案2】：

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

【讨论】：