如何在同一個父菜單上有兩個不同的下拉菜單？

Question

我有兩個下拉菜單，希望根據父下拉菜單上選擇的內容填充相同的數據。 現在，我正在使用一個JavaScript庫，該庫基於父級填充一個子級下拉菜單，但是我需要同時填充兩個下拉菜單。

此javascript庫包含一個名為PrintOptions的函數，當從父菜單中選擇某些內容時，該函數應填充下拉菜單。 我嘗試過為每個下拉菜單兩次調用相同的函數，但是似乎沒有用。

這是我獲得庫的地方： http : //www.javascripttoolbox.com/lib/dynamicoptionlist/documentation.php

Answer 1

閱讀列出的文檔后，似乎有一個部分可以讓您從父級指定多個子級組件：

To create the DynamicOptionList object, pass the names of the fields that are dependent on each other, with the parent field first.
Create the object by passing field names

var dol = new DynamicOptionList("Field1","Child1","Child2");

Or create an empty object and then pass the field names

var dol = new DynamicOptionList();
dol.addDependentFields("Field1","Child1","Child2");

就像上面的第一個示例一樣，只需將第二個子組件的名稱添加到DynamicOptionList構造函數中，而不是嘗試多次調用該函數。 當我閱讀文檔時，這意味着選擇Field1時，Child1也會發生任何事情。

Answer 2

在用於父項下拉列表的事件處理程序中，您可能正在使用其他代碼填充該子項下拉列表。 只需再次添加代碼，而是引用第二個下拉列表。 那是粗略的方法。 我遺漏了一些細節和樣式指導，但這可以完成工作。