在Dropdownlist中设置过滤器选项

时间:2013-06-25 09:14:17

标签: jquery html5 jquery-mobile cordova html-select

正在使用jQuery Mobile和PhoneGap for Android Devices。

目前我正面临可用性问题。 在我的项目中;我有一个用于列出国家/地区列表的下拉控件

在模拟器中;我可以通过输入字母来过滤国家。假设我要检查开头字母“U”的国家,我只需要在键盘上键入“U”,即可加载国家/地区。但在移动设备中,我无法做到这一点。所以需要滚动直到达到字母U. 所以很难用。

在我使用的代码中;

 <select data-role="none" class="form_select" id="coutry_pick_">

 </select>

当我搜索时,我通过添加用于过滤的文本框来获得一些解决方案。 Check Its Demo

但是没有使用带有下拉控件的文本框;那有什么解决方案吗??? 请帮助......目前我找不到很多时间来找到解决方案..

enter image description here

1 个答案:

答案 0 :(得分:1)

我得到了它的解决方案:-) 尝试使用 Select2 选择

Select2是基于jQuery的选择框替代品。它支持搜索,远程数据集和无限滚动结果。

有关详细信息和演示:请查看Select2或尝试Chosen

它在我们的一些项目中实施,并且工作正常。