Jquery 使用JSON对象添加下拉选项
我使用ColdFusion 10通过AJAX获取数据,具体取决于所选的下拉列表Jquery 使用JSON对象添加下拉选项,jquery,ajax,coldfusion,Jquery,Ajax,Coldfusion,我使用ColdFusion 10通过AJAX获取数据,具体取决于所选的下拉列表 <script> function loadQuery() { var assign = $("#fcbCountry").val(); $.ajax({ type: 'get', url: 'http://127.0.0.1/WMT/model/getCandidate.cfc', data: { method: '
<script>
function loadQuery() {
var assign = $("#fcbCountry").val();
$.ajax({
type: 'get',
url: 'http://127.0.0.1/WMT/model/getCandidate.cfc',
data: {
method: 'getRegions',
country: assign
},
dataType: 'json',
async: false,
success: function (result) {
var PosVar = result.DATA[0][1];
alert(PosVar);
}
});
};
</script>
我想循环JSON结果,并为表单中的另一个选择框创建下拉选项
我试图拼凑出一个例子,但当我尝试这样做时:
<script>
function loadQuery() {
var assign = $("#fcbCountry").val();
$.ajax({
type: 'get',
url: 'http://127.0.0.1/WMT/model/getCandidate.cfc',
data: {
method: 'getRegions',
country: assign
},
dataType: 'json',
async: false,
success: function (result) {
var PosVar = result.DATA[0][1];
alert(PosVar);
}
});
var options = $("#fcbRegion");
$.each(result, function () {
options.append($("<option />").val(this[index]]).text(this.STRDISPLAY));
});
}
</script>
我发现一个错误,没有定义loadQuery函数。您的代码应该如下所示:
function loadQuery() {
var assign = $("#fcbCountry").val();
$.ajax({
type: 'get',
url: '/WMT/model/getCandidate.cfc',
data: {
method: 'getRegions',
country: assign
},
dataType: 'json',
success: function (result) {
var options = $("#fcbRegion");
$.each(result.DATA, function () {
options.append($("<option />").val(this[0]).text(this[1]));
});
}
});
}
loadQuery();
在哪里调用loadQuery?在SelectThank的一次更改中,我将对此进行一次尝试并返回结果。嘿@Chamika Sandamal,谢谢,这成功了!我感谢你的帮助!!一个更改:$.eachresult.DATA,函数我必须将“数据”更改为结果
function loadQuery() {
var assign = $("#fcbCountry").val();
$.ajax({
type: 'get',
url: '/WMT/model/getCandidate.cfc',
data: {
method: 'getRegions',
country: assign
},
dataType: 'json',
success: function (result) {
var options = $("#fcbRegion");
$.each(result.DATA, function () {
options.append($("<option />").val(this[0]).text(this[1]));
});
}
});
}
loadQuery();