`

jquery的autocomplete完成仿百度谷歌搜索效果,并获取相关事件

阅读更多
$(function() {
	var availableTags = [<%=request.getAttribute("cnaps") %>];
	$( "#bankname" ).autocomplete({
		source: availableTags,
                  //获取选中的值
		select: function(e, ui) {
		var selectVal = ui.item.value;
		parseCNAPS(selectVal);
	},
                  //关闭事件
		close: function(event, ui) {
			var data = document.getElementById("bankname").value;
			var pos = data.indexOf('|');
			data = data.substring(0,pos);
			document.getElementById("bankname").value = data;
		}
	});
});



在jquery提供的demo中增加的几个函数 比较常用 附件中有官方的下载包
分享到:
评论

相关推荐

    仿谷歌百度实现输入自动补全功能

    总的来说,仿谷歌百度实现输入自动补全功能是一个涉及前端、后端以及算法设计的综合性项目。通过这个项目,你可以深入理解Web交互设计,提升JavaScript编程能力,并掌握如何构建高效的API接口。同时,这也是一个很好...

    模仿百度查询提示补齐效果

    现代的自动补全技术已经不仅仅局限于简单的关键词匹配,许多搜索引擎如谷歌、百度等,已经开始结合人工智能和机器学习技术,以提供更精准、个性化的搜索建议。这些技术可以理解和学习用户的输入模式,预测他们可能想...

    autocomplete网页下拉填充

    这种技术通常应用于搜索引擎、表单填写等场景,如百度和谷歌的搜索框。 在给定的文件列表中,我们可以看到实现 "autocomplete" 功能所需的一些关键组件: 1. `test.asp`:这可能是一个ASP(Active Server Pages)...

    仿google,百度的下拉框提示(无刷新)

    标题中的"仿google,百度的下拉框提示(无刷新)"是指实现一个类似于谷歌和百度搜索引擎的自动完成功能,即在用户输入关键词时,无需刷新页面就能在下拉框中显示相关的搜索建议。这种功能提高了用户体验,减少了用户...

    Jquery自动补全

    这个功能在许多网站和应用中都有所应用,如百度搜索、谷歌搜索等。它能够帮助用户快速找到他们想要的信息,减少误打和输入时间。 jQuery库本身是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画效果和...

    JqueryAutoComplete

    `jQuery AutoComplete` 是一个非常实用的前端插件,主要用于实现类似于百度和谷歌搜索框的自动补全功能。它利用 jQuery 库的便捷性和高效性,为用户在输入时提供即时的建议列表,提高了用户交互体验。下面将详细介绍...

Global site tag (gtag.js) - Google Analytics