html选择列表:链接和过滤

时间:2013-05-27 11:02:06

标签: javascript jquery html select

我有2个选择选项列表,它们使用此方法链接:Chained Select List

我添加了一个输入,以便使用此方法过滤这两个选择中的所有值:Input Filter Select List

当用户在输入中键入单词时,有两种情况:

1 /如果用户点击第一个列表中的单词:它将在第二个列表中显示可能的值

2 /如果用户点击第二个列表中的某个字词:它必须显示/突出显示父母'在第一个列表..

我不知道如何实现第二种情况。

我对每个解决方案都持开放态度:))

谢谢,

1 个答案:

答案 0 :(得分:0)

因为你必须使用javascript来实现..
有两种方法可以做到这一点

  1. 维护第二个列表中可用选项的父项数组。使用列表中选择值的arrday索引从数组中获取值。在第二个列表中使用onChange()事件并填充第一个列表中的父级。

  2. 第二个列表,为其父级提供选项值。即,当用户在第二个列表中选择一个选项时......作为值,它应该返回其父级...我们将能够填充首先列出相应的。请注意,在这种情况下,它会覆盖第二个列表中的实际值。