在用户在搜索中键入时创建下拉列表?

时间:2011-12-15 00:50:51

标签: jquery asp.net jquery-mobile asp.net-mvc-4

我正在尝试创建一个移动网站,其中有一个搜索框,让我们说我们输入几个字母“ad”,它会在视图模型中搜索包含“ad”的项目的列表并提供在搜索下方下拉,并在键入更多字母时更改。

作为一名初学程序员,我在视图模型中有一个SelectList,它在视图中的选择列表中显示了所有内容。

我尝试了不同的方法来做到这一点,例如使用下拉列表的部分视图,使用jquery发布在搜索中输入的值,并显示将包含全新列表的局部视图,但是必须有一种更有效的方法吗?

我也试过玩Json,但我似乎无法弄清楚如何在用户输入更多字母的情况下保留以前生成的列表。

谢谢大家,如果我需要提供更多信息或代码示例,请告诉我。

3 个答案:

答案 0 :(得分:3)

答案 1 :(得分:0)

另一种替代方案可能是jQuery Chosen插件。太棒了,你应该试一试。

答案 2 :(得分:0)

在此处找到一个很好的演示http://www.devbridge.com/projects/autocomplete/jquery/以获取自动完成功能