说到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?
只需使用普通的 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
});
});
});
小提琴
$(document).ready(function(){
$("#OrderUserId").change(function() {
var _this=$(this);
$.ajax({
url: 'users/getData'+_this.val(); //here would go the user ID
});
});
});