Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/410.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/macos/8.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 使用JSON数组的6级级联下拉列表_Javascript_Html_Arrays_Json_Object - Fatal编程技术网

Javascript 使用JSON数组的6级级联下拉列表

Javascript 使用JSON数组的6级级联下拉列表,javascript,html,arrays,json,object,Javascript,Html,Arrays,Json,Object,我有一个包含多个对象的JSON数组,我想将这些对象合并到我的下拉列表中。是否可以创建相互依赖的6级级联下拉列表?当用户选择车型时,不同车型将填充第二个下拉列表,然后用户将选择车型,然后第三到第六个下拉列表将填充各自的年份、颜色、价格和变速箱。我是javascript新手,如有任何帮助,将不胜感激 var json=[{ “车型”:“宝马”, “车型”:“6系格兰旅游车”, “年份”:“2018年”, “颜色”:“橙色”, “价格”:“$71195”, “变速器”:“手动” }, { “车型”:

我有一个包含多个对象的JSON数组,我想将这些对象合并到我的下拉列表中。是否可以创建相互依赖的6级级联下拉列表?当用户选择车型时,不同车型将填充第二个下拉列表,然后用户将选择车型,然后第三到第六个下拉列表将填充各自的年份、颜色、价格和变速箱。我是javascript新手,如有任何帮助,将不胜感激

var json=[{
“车型”:“宝马”,
“车型”:“6系格兰旅游车”,
“年份”:“2018年”,
“颜色”:“橙色”,
“价格”:“$71195”,
“变速器”:“手动”
},
{
“车型”:“宝马”,
“汽车型号”:“i8”,
“年份”:“2019年”,
“颜色”:“黑色”,
“价格”:“$148495”,
“变速器”:“手动”
},
{
“车型”:“宝马”,
“车型”:“M5”,
“年份”:“2017年”,
“颜色”:“蓝色”,
“价格”:“$103595”,
“变速器”:“自动”
},
{
“车型”:“丰田”,
“车型”:“轿车”,
“年份”:“2017年”,
“颜色”:“白色”,
“价格”:“$102510”,
“变速器”:“手动”
},
{
“车型”:“丰田”,
“车型”:“凯美瑞”,
“年份”:“2015年”,
“颜色”:“红色”,
“价格”:“$122810”,
“变速器”:“自动”
},
{
“车型”:“丰田”,
“汽车模型”:“花冠”,
“年份”:“2016年”,
“颜色”:“蓝色”,
“价格”:“152870美元”,
“变速器”:“自动”
},
{
“车型”:“丰田”,
“汽车模型”:“Hilux”,
“年份”:“2018年”,
“颜色”:“黑色”,
“价格”:“$258695”,
“变速器”:“手动”
},
{
“车型”:“丰田”,
“汽车模型”:“Vios”,
“年份”:“2019年”,
“颜色”:“蓝色”,
“价格”:“$198615”,
“变速器”:“自动”
},
{
“车型”:“现代”,
“汽车模型”:“伊兰特”,
“年份”:“2017年”,
“颜色”:“黑色”,
“价格”:“152590美元”,
“变速器”:“手动”
},
{
“车型”:“现代”,
“汽车模型”:“图森”,
“年份”:“2018年”,
“颜色”:“红色”,
“价格”:“$132690”,
“变速器”:“自动”
},
{
“车型”:“本田”,
“汽车模型”:“思域”,
“年份”:“2016年”,
“颜色”:“蓝色”,
“价格”:“$171395”,
“变速器”:“手动”
},
{
“车型”:“本田”,
“车型”:“雅阁”,
“年份”:“2019年”,
“颜色”:“黑色”,
“价格”:“$159445”,
“变速器”:“自动”
},
{
“车型”:“本田”,
“汽车模型”:“CR-V”,
“年份”:“2017年”,
“颜色”:“白色”,
“价格”:“193675美元”,
“变速器”:“手动”
}

];我理解你的意思了吗?如果您从模型中选择了其中一个选项,那么下面的选择框也将根据json数组数据进行更改

如果是,请检查以下代码行:


$(文档).ready(函数(){

对于(i=0;i我对您的理解正确吗?如果您从模型中选择了其中一个选项,那么下面的选择框也将根据json数组数据进行更改

如果是,请检查以下代码行:


$(文档).ready(函数(){

对于(i=0;我可以发布您的尝试、HTML和预期输出吗?发布的问题似乎根本不包含解决问题的内容。StackOverflow希望您能够这样做,因为您的尝试有助于我们更好地了解您的需求。请编辑问题以显示您尝试了什么,以便说明您在a中遇到的特定问题。有关详细信息,请参阅信息,请查看并更新.Post。请查看@JackBashfordPost updated。请查看@FrankerZCan您可以发布您的尝试、HTML和预期输出吗?发布的问题似乎根本不包括解决问题的内容。StackOverflow希望您这样做,因为您的尝试有助于我们更好地了解您想要的内容。请编辑问题显示您尝试了什么,以说明您在a中遇到的特定问题。有关更多信息,请参阅并更新.Post。请参阅@JackBashfordPost updated。请参阅@frankerz此问题的作者没有提供HTML示例,只需改进过滤。谢谢。是的,但对于第一次和第二次下降,请参阅n列表中,它应该只有一个选项,而不是多个表单。如果不是多个,那么为什么还要使用select元素呢?请参阅上面发布的html,了解第一个和第二个下拉列表的工作原理。这个问题的作者没有提供html示例,只是改进了过滤功能。谢谢。是的,但是关于第一个和第二个下拉列表d下拉列表,它应该只有一个选项,而不是多个表单。如果不是多个,那么为什么还要使用select元素?请参阅上面发布的html,了解第一个和第二个下拉列表的工作方式