Javascript 要通过选择下拉列表更改多个下拉列表值吗

Javascript 要通过选择下拉列表更改多个下拉列表值吗,javascript,html,jquery,Javascript,Html,Jquery,首先,这个问题似乎是一个重复的问题,我也不是在争论这个问题。我的问题是,我对JavaScript和jQuery非常陌生,所以在从站点获取正确的关键字/解决方案方面非常困难 首先是关于我正在使用的JSON的数据结构。我只是给你一个切片,你会在例子中得到完整的 data = { "0001_Summer": { "param": [ "row_heat_0", "row_heat_1"

首先,这个问题似乎是一个重复的问题,我也不是在争论这个问题。我的问题是,我对JavaScript和jQuery非常陌生,所以在从站点获取正确的关键字/解决方案方面非常困难

首先是关于我正在使用的JSON的数据结构。我只是给你一个切片,你会在例子中得到完整的

data = {
  "0001_Summer": {
    "param": [
      "row_heat_0",
      "row_heat_1",
      "row_heat_2",
      "row_heat_3",
      "row_heat_4",
      "row_heat_5",
      "row_heat_6",
      "All"
    ],
    "value": [
      "value_00",
      "value_01",
      "value_02",
      "value_03",
      "value_04",
      "value_05",
      "value_06",
      "All"
    ]
  }
}
我的要求:
我有三个下拉菜单(关于
select
标签,它们是
device\n
name\n
value\n
),我想要两样东西。
1/如果我从
device\u n
(例如:
0001\u Summer
)中选择了一个值,那么在第二和第三个下拉列表中,只会自动显示它的(0001\u Summer)对应值。我已经为所有3个选择标记设置了相同的
属性。现在,它只适用于
name\n
下拉列表和我从中获取的解决方案。我已尝试扩展第三个下拉菜单的代码,但失败。
2/从<代码>设备中选择任何值后,如果我从<代码>名称下拉列表中选择任何值,则其对应值将显示在<代码>值下拉列表中。我已经为
name\n
value\n
选择
标记设置了属性
value\u 1
value\u 1
的每个值对于
name\u n
value\u n
选项都是唯一的


正如我之前说过的,这个问题我在SO中发现了很多,但在大多数情况下,我发现有2个下拉列表。一个我已经找到了3下拉,但不能与我的案件缝合它

数据={
“0001_夏季”:{
“参数”:[
“第0行热量”,
“第1排热量”,
“第2排热量”,
“第三排热量”,
“第4排热量”,
“第五排热量”,
“第6排热量”,
“全部”
],
“价值”:[
“价值_00”,
“价值01”,
“价值02”,
"价值(03),,
"价值(04),,
“价值05”,
"价值(06),,
“全部”
]
},
“0002_冬季”:{
“参数”:[
“行云0”,
“第1行”,
“第二排云”,
“第三排云”,
“第四排云彩”,
“第五排云彩”,
“第6排云”,
“第7排云”,
“第8排云”,
“全部”
],
“价值”:[
“价值_00”,
“价值01”,
“价值02”,
"价值(03),,
"价值(04),,
“价值05”,
"价值(06),,
"价值(07),,
“价值(08)”,
“全部”
]
},
“0003_弹簧”:{
“参数”:[
“行颜色0”,
“行颜色1”,
“第2行颜色”,
“第3行颜色”,
“第4行颜色”,
“全部”
],
“价值”:[
“价值_00”,
“价值01”,
“价值02”,
"价值(03),,
"价值(04),,
“全部”
]
},
“0004_秋季”:{
“参数”:[
“dev_x_0”,
“dev_x_1”,
“dev_x_2”,
“dev_x_3”,
“全部”
],
“价值”:[
“价值_00”,
“价值01”,
“价值02”,
"价值(03),,
“全部”
]
}
}
函数make_option_1(数据、选择、值、值_1=null){
选项=$(“”)
艾特先生({
文本:数据,
价值:价值,
值_1:值_1
}).html(数据);
选择。追加(选项);
}
函数make_下拉列表_1(数据){
var select_device=document.getElementById(“device_n”);
var select_name=document.getElementById(“name_n”);
var select_value=document.getElementById(“value_n”);
var jqr\u选择设备=$(选择设备);
var jqr\u select\u name=$(select\u name);
var jqr_选择_值=$(选择_值);
for(让a输入数据){
设置选项1(a、jqr、选择装置、a);
for(设b=0;b

JSON格式
组合:

您已经有了所有选项,因此无需再次生成它们。只要在任何选择框值发生更改时先隐藏所有选项,然后使用
.show()
显示值匹配的选项,然后使用
道具(“selected”,true)

演示代码

数据={
“0001_夏季”:{
“参数”:[
“第0行热量”,
“第1排热量”,
“第2排热量”,
“第三排热量”,
“第4排热量”,
“第五排热量”,
“第6排热量”,
“全部”
],
“价值”:[
“价值_00”,
“价值01”,
“价值02”,
"价值(03),,
"价值(04),,
“价值05”,
"价值(06),,
“全部”
]
},
“0002_冬季”:{
“参数”:[
“行云0”,
“第1行”,
“第二排云”,
“第三排云”,
“第四排云彩”,
“第五排云彩”,
“第6排云”,
“第7排云”,
“第8排云”,
“全部”
],
“价值”:[
“价值_00”,
“价值01”,
“价值02”,
"价值(03),,
"价值(04),,
“价值05”,
"价值(06),,
"价值(07),,
“价值(08)”,
“全部”
]
},
“0003_弹簧”:{
“参数”:[
“行颜色0”,
“行颜色1”,
“第2行颜色”,
“第3行颜色”,
“第4行颜色”,
“全部”
],
“价值”:[
“价值_00”,
“价值01”,
“价值02”,
"价值(03),,
"价值(04),,
“全部”
]
},
“0004_秋季”:{
“参数”:[
“dev_x_0”,
"