Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.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
Jquery 下拉JSON数据获取_Jquery_Json_Fetch_Dropdown - Fatal编程技术网

Jquery 下拉JSON数据获取

Jquery 下拉JSON数据获取,jquery,json,fetch,dropdown,Jquery,Json,Fetch,Dropdown,我目前正在使用JSON,我在数据获取方面遇到了一些问题,它只显示了我需要的3个下拉列表中的2个。我需要显示字段corregimientos并能够选择corregimientos下的字段。有人能帮我告诉我我错过了什么吗?我几乎没有什么想法了 这里有一篇与任何背景相关的帖子 var jsonData=[ { “名称”:“默认值” }, { “名称”:“Panamá”, “地区”:[ { “地区名称”:“巴尔博亚”, “科雷吉米恩托斯”:[ { “纳梅科”:“拉几内亚”, “价格”:2.00 },

我目前正在使用JSON,我在数据获取方面遇到了一些问题,它只显示了我需要的3个下拉列表中的2个。我需要显示字段corregimientos并能够选择corregimientos下的字段。有人能帮我告诉我我错过了什么吗?我几乎没有什么想法了

这里有一篇与任何背景相关的帖子

var jsonData=[
{
“名称”:“默认值”
},
{
“名称”:“Panamá”,
“地区”:[
{
“地区名称”:“巴尔博亚”,
“科雷吉米恩托斯”:[
{
“纳梅科”:“拉几内亚”,
“价格”:2.00
},
{
“nameCo”:“圣米格尔”,
“价格”:2.00
},
{
“nameCo”:“La Ensenada”,
“价格”:2.00
},
{
“nameCo”:“La Esmeralda”,
“价格”:2.00
}
]
}
]
},
{
“名称”:“Panamá2”,
“地区”:[
{
“districtname”:“默认”
},
{
“地区名称”:“Balboa2”,
“科雷吉米恩托斯”:[
{
“纳梅科”:“拉几内亚”,
“价格”:2.00
},
{
“nameCo”:“圣米格尔”,
“价格”:2.00
},
{
“nameCo”:“La Ensenada”,
“价格”:2.00
},
{
“nameCo”:“La Esmeralda”,
“价格”:2.00
}
]
}
]
}
];
$(函数(){
var平台;
var状态期权;
var状态选项2;
var分区期权;
对于(i=0;i

测试
站台:
任务类型:
任务类型2:
耦合问题

第一个问题是因为您正在idx2处使用jasonData的“名称”

var platforms2 = jsonData[idx2].name`
应该是

var platforms2 = jsonData[idx].district[idx2].corregimientos
第二个问题是您使用了错误列表中的idx2

var idx2 = $("#taskname").prop('selectedIndex');
var idx = $("#platform").prop('selectedIndex');
您需要两个索引来查找正确的数据

第二个下拉列表的正确代码应如下所示:

var idx2 = $("#taskaname").prop('selectedIndex');
var idx = $("#platform").prop('selectedIndex');
var platforms2 = jsonData[idx].districts[idx2].corregimientos

...
...

stateOptions2 += "<option value='" +
        platforms2[j].nameCo+
        "'>" +
        platforms2[j].nameCo +
        "</option>";

var idx2=$(“#taskaname”).prop('selectedIndex');
var idx=$(“#平台”).prop('selectedIndex');
var platforms2=jsonData[idx]。地区[idx2]。相关信息
...
...
状态选项2+=“”+
平台2[j].名称公司+
"";
现在,您的平台2中将包含正确的jsondata,并使用属性nameCo。这将解决您的问题


JSFiddle:

我尝试了这个解决方案,但最后没有显示任何输出。有什么想法吗?我调整了我给出的答案。我用了“地区”而不是“地区”“并拼错了第二个下拉列表名称。这是我用来测试它的JS小提琴。在这里,我对它进行了一些调整,以管理空集合。嘿,说实话,你把它压碎了!!你做到了,兄弟。这真的很好,你让它工作,现在我可以实现真正的数据到我的电子商务谢谢