Javascript 未填充数据的下拉列表(Asp.net web表单)
我调用jQuery来获取数据,并在UI上创建了一个下拉列表,该列表没有填充数据。 我已经尝试了很多方法,注释是我使用的代码。 如果我在代码中出错,请告诉我Javascript 未填充数据的下拉列表(Asp.net web表单),javascript,jquery,html,asp.net,webforms,Javascript,Jquery,Html,Asp.net,Webforms,我调用jQuery来获取数据,并在UI上创建了一个下拉列表,该列表没有填充数据。 我已经尝试了很多方法,注释是我使用的代码。 如果我在代码中出错,请告诉我 var数据; 变种optionData; $(文档).ready(函数(){ $.ajax({ url:“辅导评估工具.aspx/GetCATQuestionAndOptions”, 键入:“POST”, 数据类型:“json”, contentType:“应用程序/json;字符集=utf-8”, 成功:函数(数据){ questionD
var数据;
变种optionData;
$(文档).ready(函数(){
$.ajax({
url:“辅导评估工具.aspx/GetCATQuestionAndOptions”,
键入:“POST”,
数据类型:“json”,
contentType:“应用程序/json;字符集=utf-8”,
成功:函数(数据){
questionData=data.d[0];
optionData=data.d[1];
console.log(questionData[0].QuestionText);
console.log(“问题数据”,问题数据);
日志(“选项数据”,optionData);
//问题
document.getElementById('firstQuestion')。innerHTML=questionData[0]。QuestionText;
document.getElementById('secondQuestion')。innerHTML=questionData[1]。QuestionText;
document.getElementById('thirdQuestion')。innerHTML=questionData[2]。QuestionText;
document.getElementById('fourthQuestion')。innerHTML=questionData[3]。QuestionText;
document.getElementById('fifthQuestion')。innerHTML=questionData[4]。QuestionText;
document.getElementById('sixthQuestion')。innerHTML=questionData[5]。QuestionText;
document.getElementById('seventhQuestion')。innerHTML=questionData[6]。QuestionText;
document.getElementById('eighthQuestion')。innerHTML=questionData[7]。QuestionText;
document.getElementById('ninthQuestion')。innerHTML=questionData[8]。QuestionText;
document.getElementById('tenthQuestion')。innerHTML=questionData[9]。QuestionText;
//回应
//var ddlFirstResponse=document.getElementById(“#ddlFirstResponse”);
//ddlFirstResponse.empty();
$(函数(){
$('#ddlFirstResponse').append($(“”).val(“”).html(“”));
$.each(可选数据、函数(键、值){
//console.log('option:'+value.OptionText+'| id:'+value.OptionId);
//$('#ddlFirstResponse').append($(“”).val(value.OptionId).html(value.OptionText));
$(“#ddlFirstResponse”).append(“+value.OptionText+”);
});
});
},
错误:函数(错误){
console.log(错误);
警报('检索数据时出错。请与支持人员联系');
}
});
});
当获取返回的数据时,您的数据返回处理程序有点不正常,您可以执行以下操作来缓解这种情况:
function (data, status) {
var json = data;
obj = JSON.parse(json);
var opt = null;
$("#targetIDOfControl").empty();
for (i = 0; i < obj.People.length; i++) {
if (i < obj.People.length) {
opt = null;
opt = document.createElement("option");
document.getElementById("targetIDOfControl").options.add(opt);
opt.text = obj.People[i].Name;
opt.value = obj.People[i].ID;
}
}
功能(数据、状态){
var json=数据;
obj=JSON.parse(JSON);
var opt=null;
$(“#targetIDOfControl”).empty();
for(i=0;i
上面的示例创建一个选项,然后设置其文本和值。然后根据返回的JSON数组中的索引量复制更多选项。当获取返回的数据时,您的数据返回处理程序有点不正常,您可以执行以下操作来缓解此问题:
function (data, status) {
var json = data;
obj = JSON.parse(json);
var opt = null;
$("#targetIDOfControl").empty();
for (i = 0; i < obj.People.length; i++) {
if (i < obj.People.length) {
opt = null;
opt = document.createElement("option");
document.getElementById("targetIDOfControl").options.add(opt);
opt.text = obj.People[i].Name;
opt.value = obj.People[i].ID;
}
}
功能(数据、状态){
var json=数据;
obj=JSON.parse(JSON);
var opt=null;
$(“#targetIDOfControl”).empty();
for(i=0;i
上面的示例创建一个选项,然后设置它的文本和值。然后根据返回的JSON数组中的索引数量复制更多选项。由于我收到响应有点晚,所以我进行了反复试验,最终使其正常工作。 下面是我为使其正常工作所做的代码更改
var ddlFirstResponse=***$(“[id*=ddlFirstResponse]”;**
ddlFirstResponse.empty();
$(函数(){
ddlFirstResponse.append($(“”).val(“”).html('--Select value--');
$.each(行业可选数据、功能(键、值){
//console.log('option:'+value.OptionText+'| id:'+value.OptionId);
ddlFirstResponse.append($(“”).val(value.OptionId).html(value.OptionText));
//ddlFirstResponse.append(“+value.OptionText+”);
});
})
由于我收到的回复晚了一点,我反复尝试,终于成功了。
下面是我为使其正常工作所做的代码更改
var ddlFirstResponse=***$(“[id*=ddlFirstResponse]”;**
ddlFirstResponse.empty();
$(函数(){
ddlFirstResponse.append($(“”).val(“”).html('--Select value--');
$.each(行业可选数据、功能(键、值){
//console.log('option:'+value.OptionText+'| id:'+value.OptionId);
ddlFirstResponse.append($(“”).val(value.OptionId).html(value.OptionText));
//ddlFirstResponse.append(“+value.OptionText+”);
});
})
'optionData'有数据并正在打印到console.log。什么是JSON,什么是错误消息?'optionData'有数据并正在打印到console.log。什么是JSON,什么是错误消息?为什么JSON.parse()
?数据应该已经被解析了,但是我应该在哪里有bug吗