下载 >  开发技术 >  Javascript > jquery.autocomplete 用户输入城市名、或拼音即可有匹配的提示

jquery.autocomplete 用户输入城市名、或拼音即可有匹配的提示 评分:

项目中有一个城市导航,导航上有一个城市搜索,即用户输入城市名、或拼音即可有匹配的提示,方便用户选择。于是乎下载了一个jquery.autocomplete-1.1.3,但引用到项目后,发现几个问题,并相应做了修改: 1.中文输入后,服务端不能正常获取ajax提交的数据(此处,当然可以用相应转码,本人试了n种方便仍改),细看代码发现, 是用 $.get(this.serviceUrl, me.options.params, function(txt) { me.processResponse(txt); }, 'text'); 提交的, 于是改成了我熟悉的提交方式。 $.ajax({url:this.servi ceUrl,data:"query="+me.options.params.query,timeout: 5000,success: function(o){me.processResponse(o);}}); 问题立即解决。 猜想,是默认utf-8编码与我服务端过滤器中转码以及代码的转码发生了冲突。 2.当输入框值发生变化时,onchange事件不灵敏。 于是,添加了一个函数,输入值一但onchange就调用 。 onKeyProcessDefult: function(i) { var me, fn, s, d; me = this; s = me.suggestions[i]; d = me.data[i]; if(this.currentValue!=s || undefined==d){d="";s="";} this.selectedIndex=0; //输入时,一但有匹配的项,就默认选择第一项,这样,再按回车键,即可直接submit提交 jht添加 2011-07-20 $(".auto_selected_val").val(d); } 3. 当输入正确值,而不去选择相应提示项时,按回车键,不能完成自动提交。另外就是,当输入正确值,而不去选择相应提示项进,点击后面的提交按钮,也不能完成提交。(赶集网的城市切换也有这个小瑕疵哦)。 于是修改为,一但输入后只有可匹配的项时,就默认选中第一项(代码如上)。 这样,再提交就不是问题了。 4.输入值,当没有相应匹配项时,没有任何提示,不友好,影响用户体验。 5.服务服端注意返回json格式参数格试哦{ query:'c',suggestions:['北京','保定','包头','本溪'],data:['hr','cu','cy','cz'] } 项目应用实例:http://www.juyuan.com/members/city 参考实案例:http://www.ganji.com/index.htm
...展开详情收缩
2012-01-05 上传大小:84KB
分享
收藏 (5) 举报

评论 共22条

qq_14873327 服务端怎么是jsp的,有没有服务端是php的?改都不好改。
2019-04-09
回复
losttt 谢谢分享,下载试
2018-09-13
回复
outyuu 挺实用的,有个项目正好可以参考一下
2016-05-10
回复
chutong452 挺好,挺实用
2016-01-13
回复
ebaacad 这个可以,不错
2015-07-09
回复
liming0605 不错 可以用来参考 学习一下!
2015-02-02
回复
farmer3391 修改修改试试看吧
2014-12-05
回复
dsfuckcdf32f 不太会用啊~~~~
2014-08-31
回复
ls896317571 还好,。。可以用来参考一下。。
2014-03-14
回复
u011576033 不是我想要的资源
2014-02-10
回复
jquery autocomplete 实现搜索提示功能,中文/拼音也没问题
autocomplete汉字与拼音的双重查询

利用autocomplete实现输入某个汉字或者某个字母时,自动提示输入内容

立即下载
js获取城市,城市名字json
jquery的autoComplete正则表达式中如何修改为只匹配开头的字母?
AutoCompleteTextView实现拼音汉字匹配且支持首字母
Jquery Autocomplete 拼音首字母匹配

1,本示例是基于微软拼音类库的jquery.autocomplete自动拼音首字母匹配搜索实现,解决了多音字匹配问题。 2,由于用了Linq查询,所以至少需要.NET Framework 3.5。 4,由于jquery匹配时的match项和result项来自不同的对象,所以autoFill属性只好置为false,本人对jquery.autocomplete不甚了解,期待高人能让autoFill显示得漂亮点(关键是多音字)。

立即下载
城市列表-城市汉字搜索和拼音搜索

Android 城市列表,具有搜索功能---城市汉字搜索和拼音搜索,看了网上的都没得搜索功能,所以完善了下!

立即下载
Jquery AutoComplete组件+Ajax实现搜索框输入提示功能小记

在输入页面利用JQuery获取用户输入,然后通过AJAX异步发送到处理页面,处理页面接收到值后进行模糊匹配查询,然后将结果返回,输入页收到返回的数据后在处理,并生成相应的页面显示在页面上。若是jquery autoComplete组件则只要将从后台获取的数据放入autocomplete( url or data, [options] )第一个参数中就行,第二个参数可加可不加。

立即下载
jquery自动完成autocomplete,兼容各浏览器,支持中文

jquery+json自动完成完整实例(修改版) 兼容各大浏览器,支持中文

立即下载
jquery的autocomplete(自动补全)插件

1.该js支持jquery的自动补全功能 2.因为jquery-ui是jquery的插件,所以部分版本jquery可能不支持该插件,建议换成内附的jquery.js 3.如有疑惑,请阅读内附的说明文档

立即下载
按照拼音首字母进行排序的城市名

所有城市名按照拼音首字母进行了整理,花了一个多小时打完的,因为找不到有人整理,所以我就整理了,打完了手都疼,方便你们做城市列表的时候直接取

立即下载
Jquery.AutoComplete--自动填充(与后台交互读取数据)

Jquery.AutoComplete是jquery的自动填充控件,类似于百度淘宝等搜索时候下面显示的数据一样。这个例子主要是演示后天获取json类型的数据,前台的jquery如何对数据进行绑定。此例子给出了前台和后台的核心代码。而不是框架。

立即下载
jquery文本框自动补全完整实例 ajax autocomplete

jquery文本框自动补全完整实例 ajax autocomplete

立即下载
autocomplete前端汉子拼音匹配

autocomplete前端汉子拼音匹配

立即下载
中国所有市级名称、拼音拼音

中国所有市级名称、拼音、拼音头,有366个县级市。

立即下载
中文拼音首字母匹配中国城市名

中文/拼音首字母匹配中国城市名 js检索方式词条的存储/更新

立即下载
中文 拼音首字母 全拼 匹配市名

中文, 拼音首字母, 全拼, 匹配城市名

立即下载
jquery autocomplete官方版(源代码+示例)

jquery autocomplete官方版(源代码+示例) 自动补充功能非常实用

立即下载
国内城市的拼音转汉字

将国内城市的拼音和汉字进行对照 ... “Beijing”: “北京”, “Shanghai”: “上海”, “Guangzhou”: “广州”, ...

立即下载
jquery autocomplete

NULL 博文链接:https://zhaoaiqing.iteye.com/blog/333869

立即下载
img

spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip

资源所需积分/C币 当前拥有积分 当前拥有C币
5 0 0
点击完成任务获取下载码
输入下载码
为了良好体验,不建议使用迅雷下载
img

jquery.autocomplete 用户输入城市名、或拼音即可有匹配的提示

会员到期时间: 剩余下载个数: 剩余C币: 剩余积分:0
为了良好体验,不建议使用迅雷下载
VIP下载
您今日下载次数已达上限(为了良好下载体验及使用,每位用户24小时之内最多可下载20个资源)

积分不足!

资源所需积分/C币 当前拥有积分
您可以选择
开通VIP
4000万
程序员的必选
600万
绿色安全资源
现在开通
立省522元
或者
购买C币兑换积分 C币抽奖
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
为了良好体验,不建议使用迅雷下载
确认下载
img

资源所需积分/C币 当前拥有积分 当前拥有C币
1 0 0
为了良好体验,不建议使用迅雷下载
VIP和C币套餐优惠
img

资源所需积分/C币 当前拥有积分 当前拥有C币
5 4 45
您的积分不足,将扣除 10 C币
为了良好体验,不建议使用迅雷下载
确认下载
下载
您还未下载过该资源
无法举报自己的资源

兑换成功

你当前的下载分为234开始下载资源
你还不是VIP会员
开通VIP会员权限,免积分下载
立即开通

你下载资源过于频繁,请输入验证码

您因违反CSDN下载频道规则而被锁定帐户,如有疑问,请联络:webmaster@csdn.net!

举报

  • 举报人:
  • 被举报人:
  • *类型:
    • *投诉人姓名:
    • *投诉人联系方式:
    • *版权证明:
  • *详细原因: