Javascript 未触发递归onchange事件

我有这个代码，我想让所有的下拉列表更新，一旦我改变了第一个下拉列表。但当我使用onchange时，只有一个下拉列表被更新。例如，我更改了第一个下拉列表，只更新了第二个下拉列表，甚至我已经在第二个下拉列表中放置了onchange事件，但它不起作用

这是密码。谢谢你的帮助

函数myFunction0（）{
var x=document.getElementById（“mySelect0”）.value；
document.getElementById（“mySelect1”）.value='BMW'；
document.getElementById（“demo”）.innerHTML=“您选择：”+x；
}
函数myFunction1（）{
var x=document.getElementById（“mySelect1”）.value；
document.getElementById（“mySelect2”）.value='Mercedes'；
document.getElementById（“demo”）.innerHTML=“您选择：”+x；
}
函数myFunction2（）{
var x=document.getElementById（“mySelect0”）.value；
document.getElementById（“demo”）.innerHTML=“您选择：”+x；
}

从列表中选择一辆新车

1.
奥迪
宝马
梅赛德斯
沃尔沃汽车
2.
奥迪
宝马
梅赛德斯
沃尔沃汽车
3.
奥迪
宝马
梅赛德斯
沃尔沃汽车
选择新车时，会触发一个功能，输出所选车辆的值

一旦更改

或其他事件不会从使用代码设置元素的值触发，而是从浏览器中的真实（用户）事件触发。您必须手动触发这些事件，手动更新其他2个选项，或者为其查找一些jquery代码。

onchange

或其他事件不会从使用代码设置元素的值触发，而是从浏览器中的真实（用户）事件触发。您必须手动触发这些事件，手动更新其他2个选项，或者为其找到一些jquery代码。

取决于要更改的表单元素的类型以及 用户与元素交互时，更改事件以不同的方式激发 时刻：

• 当元件被激活时（通过点击或使用键盘），和
• 当用户明确提交更改时（例如，通过鼠标单击从a的下拉列表中选择值，通过选择a
  通过选择文件，从的日期选择器中选择日期
  在文件选择器中（例如，等）
• 当元素在其值更改但未提交后（例如，在编辑或的值后）失去焦点时 type=“text”>）

因此，使用javascript更改值不会触发

change

事件。 但是您仍然可以创建一个变更事件，然后从目标触发它

函数myFunction0（）{
var x=document.getElementById（“mySelect0”）.value；
document.getElementById（“mySelect1”）.value='BMW'；
document.getElementById（“demo”）.innerHTML=“您选择：”+x；
//在mySelect1上触发更改事件
document.getElementById（“mySelect1”）.dispatchEvent（新事件（“更改”））；
}
函数myFunction1（）{
var x=document.getElementById（“mySelect1”）.value；
document.getElementById（“mySelect2”）.value='Mercedes'；
document.getElementById（“demo”）.innerHTML=“您选择：”+x；
//在mySelect2上触发更改事件
document.getElementById（“mySelect2”）.dispatchEvent（新事件（“更改”））；
}
函数myFunction2（）{
控制台日志（x）；
var x=document.getElementById（“mySelect0”）.value；
document.getElementById（“demo”）.innerHTML=“您选择：”+x；
}

从列表中选择一辆新车

1.
奥迪
宝马
梅赛德斯
沃尔沃汽车
2.
奥迪
宝马
梅赛德斯
沃尔沃汽车
3.
奥迪
宝马
梅赛德斯
沃尔沃汽车
选择新车时，会触发一个功能，输出所选车辆的值

来自

取决于要更改的表单元素的类型以及 用户与元素交互时，更改事件以不同的方式激发 时刻：

• 当元件被激活时（通过点击或使用键盘），和
• 当用户明确提交更改时（例如，通过鼠标单击从a的下拉列表中选择值，通过选择a
  通过选择文件，从的日期选择器中选择日期
  在文件选择器中（例如，等）
• 当元素在其值更改但未提交后（例如，在编辑或的值后）失去焦点时 type=“text”>）

因此，使用javascript更改值不会触发

change

事件。 但是您仍然可以创建一个变更事件，然后从目标触发它

函数myFunction0（）{
var x=document.getElementById（“mySelect0”）.value；
document.getElementById（“mySelect1”）.value='BMW'；
document.getElementById（“demo”）.innerHTML=“您选择：”+x；
//在mySelect1上触发更改事件
document.getElementById（“mySelect1”）.dispatchEvent（新事件（“更改”））；
}
函数myFunction1（）{
var x=document.getElementById（“mySelect1”）.value；
document.getElementById（“mySelect2”）.value='Mercedes'；
document.getElementById（“demo”）.innerHTML=“您选择：”+x；
//在mySelect2上触发更改事件
document.getElementById（“mySelect2”）.dispatchEvent（新事件（“更改”））；
}
函数myFunction2（）{
控制台日志（x）；
var x=document.getElementById（“mySelect0”）.value；
document.getElementById（“demo”）.innerHTML=“您选择：”+x；
}

从列表中选择一辆新车

1.
奥迪
宝马
梅赛德斯
沃尔沃汽车
2.
奥迪
宝马
梅赛德斯
沃尔沃汽车
3.
奥迪
宝马
梅赛德斯
沃尔沃汽车
选择新车时，会触发一个功能，输出所选车辆的值

无效的HTML<代码>未关闭有效的HTML<代码>未关闭