以下是一个示例代码,演示如何使用多个选择/下拉列表进行筛选,并且每个列表可以接受多个值。
Multiple Select Filter
在上面的示例代码中,我们创建了两个选择/下拉列表(select1和select2),并给它们添加了multiple
属性,以允许多选。然后,在点击"筛选结果"按钮时,会调用filterResults()
函数。
在filterResults()
函数中,我们首先获取两个选择/下拉列表的选中值。通过遍历每个选项,检查selected
属性是否为true
,如果是,则将选项的值添加到一个数组中。
接下来,我们可以根据选中的值进行进一步的结果筛选操作。在这个示例中,我们只是将选中的值展示在结果区域中。
请注意,此示例只是演示了如何使用多个选择/下拉列表进行筛选,并且每个列表可以接受多个值。在实际应用中,您可能需要根据自己的需求进行适当的修改和扩展。
下一篇:按多个选择的类别进行过滤