WP笔记

jquery autocomplete实例:国家选择器

Jquery Autocomplete Plugin 可以用来自动填写表单,类似google suggest,可以给用户更好的体验。

你可以先查看实例

例如,很多表单要求我们填写国家,如果是下拉列表,我们需要从长长的一个列表中选择自己的国家,为了不看的眼花缭乱,我们会用键盘的导航键快速选择,例如要选择中国我们可以选中下拉列表按键盘的“C”键,找到以c开头的国家再找到China。这样还是不够简单迅速。那么来看看下面这个输入式国家选择器,是不是会方便很多。

用户不需要从长长的列表中选择国家了,只需要键入国家的英文名称开头几个字母,这个选择器就会自动提供可供选择的项目,类似google suggest,帮助用户轻轻松松完成国家的选择。

另外,用户完成选择后可以定义一个回调函数,实现更多的功能。例如,选择国家后显示该国家的货币和汇率,或者显示某些房地产信息之类的。可以做的应用很多。

该功能主要依靠JQuery的Autocomplete插件来完成。

[download id=”10″]

4条评论

    1. 哈哈,互相交流啊,这个是我仿照skype网站的做的,感觉挺好玩挺新鲜

评论已关闭。