Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jsp/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 未填充数据的下拉列表(Asp.net web表单)_Javascript_Jquery_Html_Asp.net_Webforms - Fatal编程技术网

Javascript 未填充数据的下拉列表(Asp.net web表单)

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

我调用jQuery来获取数据,并在UI上创建了一个下拉列表,该列表没有填充数据。 我已经尝试了很多方法,注释是我使用的代码。 如果我在代码中出错,请告诉我

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吗