jQuery Mobile选项列表带文本搜索?

时间:2012-05-01 11:20:27

标签: jquery-mobile

我有一个选择选项列表,我正在使用jQuery Mobile。我的列表很长,所以我想通过输入文字让用户选择搜索列表。

当您专注于列表时,是否有一些本机/ jQuery Mobile添加文本搜索的方式?如果不是,我想在输入上需要创建一个带有过滤器列表的新页面的链接,并使用javascript来填充所选值的“输入”。

http://jquerymobile.com/test/docs/lists/lists-search.html

2 个答案:

答案 0 :(得分:1)

简短的回答是否定的,除非您想编辑JQM代码以将该功能添加到选择框。话虽这么说,我也有这个问题(选择菜单太长了),这就是我做的:

对于一种情况,除了选择菜单外,我使用了自动填充搜索框(结果下拉:http://jqueryui.com/demos/autocomplete/),填充了选择菜单中的数据。这样,用户可以选择是使用选择菜单还是搜索。

对于第二种情况,我允许用户搜索某些内容,然后调出一个菜单(实际上是一个对话框插件),其中只有与搜索结果相匹配的结果。

希望这有帮助。

答案 1 :(得分:1)

就个人而言,我无法让jqueryui自动完成功能与jQuery Mobile配合使用。但是Andy Matthews的这个自动完成代码效果很好:

  http://www.andymatthews.net/code/autocomplete/  

与输入文本字段一起使用时,它为用户提供了一种键入几个字符并查看要选择的选项列表的方法。