如何在同一个父菜单上有两个不同的下拉菜单?
时间:2020-03-06 14:56:50 来源:igfitidea点击:
我有两个下拉菜单,它们要根据父下拉菜单上选择的内容填充相同的数据。现在,我正在使用一个JavaScript库,该库基于父级填充一个子级下拉菜单,但是我需要同时填充两个下拉菜单。
此javascript库包含一个名为PrintOptions的函数,当从父菜单中选择某些内容时,该函数应填充下拉菜单。我已经尝试过为每个下拉菜单两次调用相同的函数,但是它似乎没有用。
这是我获得库的地方:http://www.javascripttoolbox.com/lib/dynamicoptionlist/documentation.php
解决方案
在用于父项下拉列表的事件处理程序中,我们可能正在使用其他代码填充该子项下拉列表。只需再次添加代码,而是引用第二个下拉列表。那是粗略的方法。我遗漏了一些细节和样式指导,但是那样就可以完成工作。
阅读列出的文档后,似乎有一个部分可以让我们从父级中指定多个子级组件:
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时,Child2也会发生任何事情。