選項數據的下拉事件發生變化

我對下拉事件有疑問。假設我有兩個下拉列表，當第一個下拉列表的選項被更改時，第二個下拉列表中的所有選項都被其他下拉列表替換。例如，假設第一個下拉持有下列選項：選項數據的下拉事件發生變化

車
自行車

現在，如果我選擇選項車，第二個下拉將包含以下選項：

福特
豐田

而如果我選擇該選項自行車，第二個下拉列表將包含下列選項：

哈雷戴維森
杜卡迪

是否有可用於檢測刷新事件第二個下拉選項的選項？

謝謝

來源

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

選項數據的下拉事件發生變化

回答

相關問題