博主正在使用X-Editable插件结合jQuery动态从服务器获取select字段的数据。当用户更改'a.zone'字段的值时，希望同步更新并重新加载'a.area'字段的AJAX数据。目前的实现中，两个select字段通过AJAX获取数据，但并未成功实现在第一个字段变更后的联动更新。问题集中在如何在zone字段改变时触发area字段的AJAX数据刷新。
I am using the X-Editable plugin for jquery. I have two select fields that are dynamically supplied with data via ajax. This is my code:
The fields:
And the jQuery:
$('a.zone').editable({
type: 'select',
url: '../admin/callbacks/quickEdit.php?t=zone',
pk: 1,
showbuttons: true,
source: function() {
var result;
$.ajax({
url: '../admin/callbacks/jsonDataList.php',
data: {t: 'zone'},
type: 'GET',
global: false,
async: false,
dataType: 'json',
success: function(data) {
result = data;
}
});
return result;
},
success: function(response, newValue) {
$(this).parent().siblings('td').children('a.area').data('zona', newValue);
console.log(response, newValue);
}
});
$('a.area').editable({
type: 'select',
pk: 1,
url: '../admin/callbacks/quickEdit.php?t=area',
showbuttons: true,
source: function() {
var result;
var zona = $(this).data('zona');
$.ajax({
url: '../admin/callbacks/jsonDataList.php',
data: {t: 'area', zone: zona},
type: 'GET',
global: false,
async: false,
dataType: 'json',
success: function(data) {
result = data;
}
});
return result;
},
success: function(response, newValue) {
console.log(response);
}
});
What I want to do is this: When they change the value of $('a.zone') I want $('a.area') to reload the ajax data. How can I go about doing this?
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
