jquery autocomplete实例:国家选择器

最后更新于 2022 年 5 月 6 日

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

你可以先查看实例。

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

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

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

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

[download id=”10″]