如何根据相同的父菜单有两个不同的下拉菜单？

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发生的任何事情也会发生在Child2上。

Answer 2

在您的父级下拉列表的事件处理程序中，您可能正在使用其他代码填充该子项下拉列表。只需再次添加代码，而是引用第二个下拉列表。这是粗略的方法。我遗漏了一些细节和风格指导，但这将完成工作。