选项数据的下拉事件发生变化

我对下拉事件有疑问。假设我有两个下拉列表，当第一个下拉列表的选项被更改时，第二个下拉列表中的所有选项都被其他下拉列表替换。例如，假设第一个下拉持有下列选项：选项数据的下拉事件发生变化

车
自行车

现在，如果我选择选项车，第二个下拉将包含以下选项：

福特
丰田

而如果我选择该选项自行车，第二个下拉列表将包含下列选项：

哈雷戴维森
杜卡迪

是否有可用于检测刷新事件第二个下拉选项的选项？

谢谢

来源

2016-07-05 Luca Dotti

是您可以在此描述触发第二个下拉的onChange事件在许多方面你在寻找级联下拉？有很多相同的样品，我的随机搜索给了我这个 - http://stackoverflow.com/questions/18351921/how-to-populate-a-cascading-dropdown-with-jquery – ArunGeorge

不完全。我需要做的是让第一个下拉列表触发第二个相同的Ajax。但实际上我还需要在第一个下拉列表中触发一个ajax来更新第二个下拉列表的内容。最后，我应该在第一个下拉列表中执行2个Ajax调用。 –

没有这样的基本事件存在。如果真的需要 - 您可以创建自己的事件，当更改选择并聆听时触发。

不是真的清楚，但全文档：https://developer.mozilla.org/en-US/docs/Web/API/Event

清楚，但很短：JavaScript custom Event Listener

但我认为，更可取的方法是听的变化首先选择并在此事件看第二的HTML选择。

来源

2016-07-05 11:30:51 Teo

感谢您的回复。事实是，第二个下拉式触发ajax onChange事件。我想要做的就是在检测到onChange事件时触发相同的ajax是第一个下拉菜单。在这个例子中假设第二个下拉ajax将返回轮子的数量。假设当前第一个下拉列表被设置为Bike。现在，我将它更改为Car，并自动设置第二个下拉列表的第一个选项（'Ford'）。除此之外，自动选择第一个选项时，必须自动调用ajax，返回4作为车轮数量。 –

我假设你有下拉列表如下图所示

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

而且你已经实现onVehichleDropdownChange（）和onMakeDropdownChange（）在你的JavaScript，使AJAX调用执行动作。如果你有这个设置，当你改变第一个下拉菜单时，第二个下拉菜单的值会改变。 How can I trigger an onchange event manually?

我在这里成立了一个工作小提琴，供大家参考 - - https://jsfiddle.net/t2tak52f/1/

像这样的事情

onVehichleDropdownChange = function() { 
....... //logic to populate second dropdown 
makeDropdown.onchange(); 
}

来源

2016-07-08 08:47:02 ArunGeorge

选项数据的下拉事件发生变化

回答

相关问题