选项数据更改的下拉事件

Dropdown events on options data changed

本文关键字：事件 数据 选项      更新时间：2023-09-26

我有一个关于下拉事件的问题。假设我有两个下拉菜单，当第一个下拉菜单的选项被更改时，第二个下拉菜单的所有选项都被替换为other。例如，假设第一个下拉菜单包含以下选项:

    汽车
  • 自行车

现在，如果我选择Car选项，第二个下拉框将包含以下选项:

    福特
  • 丰田

而如果我选择了选项Bike，第二个下拉框将包含以下选项:

  • 哈雷戴维森
  • 杜卡迪

是否有一个事件可以用来检测第二个下拉菜单选项的刷新?

谢谢

不存在这样的基本事件。如果它真的需要——你可以创建你自己的事件，当发生变化时触发第二个选择并监听它。

不是很清楚，但完整的文档:https://developer.mozilla.org/en-US/docs/Web/API/Event

清晰，但很短:JavaScript自定义事件监听器

但是我认为更可取的方法是听第一次选择的变化，在这个事件上看第二次选择的html

我假设你有如下所示的下拉菜单

 <select id="vehichleDropdown" onchange="onVehichleDropdownChange()">
 ....
 <select id="makeDropdown" onchange="onMakeDropdownChange()">
 ....

你已经实现了onVehichleDropdownChange()和onmakeddropdownchange()在你的javascript ajax调用来执行动作。如果您有这种设置，当您更改第一个下拉菜单时，第二个下拉菜单的值将会更改。您可以通过以下几种方式触发第二个下拉框的onChange事件——我如何手动触发onChange事件?

我已经在这里设置了一个工作小提琴供您参考- https://jsfiddle.net/t2tak52f/1/

像这样

onVehichleDropdownChange = function() {
....... //logic to populate second dropdown
makeDropdown.onchange();
}
相关文章：