`

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中增加的几个函数 比较常用 附件中有官方的下载包
分享到:
评论

相关推荐

    jquery Autocomplete 仿百度搜索 只能搜索提示

    本项目以"jQuery Autocomplete 仿百度搜索 只能搜索提示"为主题,旨在通过ASP.NET平台,构建一个类似于Google搜索的实时提示功能,并提供了完整的源码和数据库支持。 首先,jQuery Autocomplete是jQuery UI库中的一...

    asp.net仿百度的自动完成(autoComplete) jquery+autocomplete.js

    asp.net仿百度的自动完成(autoComplete) 使用Jquery autocomplete.js插件来完成自动完成,可以从数据库中读取数据 ajax异步显示数据!云计算QQ研究群:96191559

    jquery autocomplete下载.rar

    jQuery Autocomplete 是基于 jQuery 库的一个扩展,它允许开发者创建动态的、实时的搜索建议。用户在输入框中输入字符时,插件会根据预设的数据源提供匹配的建议列表。这种功能在各种需要用户输入搜索关键词或者...

    asp.net下使用jQuery.AutoComplete完成仿淘宝商品搜索自动完成功能(改进了键盘上下选择体验)

    ASP.NET 下使用 jQuery.AutoComplete 实现商品搜索自动完成功能,主要涉及到前端 JavaScript 库 jQuery 及其插件 jQuery.AutoComplete,以及后端 ASP.NET 的数据库交互。这个功能旨在提供类似于淘宝和谷歌搜索的用户...

    jquery Autocomplete(类似百度搜索框)

    **jQuery Autocomplete** 是一个非常流行的JavaScript库,用于在输入框中实现自动补全功能,类似于百度搜索框的体验。这个功能广泛应用于各种网站,帮助用户快速找到他们想要输入的信息,提高了用户界面的交互性和...

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

    ### Jquery AutoComplete组件+Ajax实现搜索框输入提示功能详解 #### 前言 在当前Web应用开发中,提供良好的用户体验是至关重要的。本文主要介绍如何使用Jquery AutoComplete组件与Ajax技术来实现搜索框的实时输入...

    仿百度、Google搜索效果 AutoComplete

    仿百度、Google搜索效果的AutoComplete旨在提供与这两家知名搜索引擎类似的用户体验,即当用户在搜索框输入内容时,系统会实时分析并推荐相关的搜索建议,以下拉列表的形式呈现,帮助用户快速找到目标信息。...

    jquery Autocomplete插件,搜索自动完成

    jQuery plugin: Autocomplete 参数及实例 官网:jQuery plugin: Autocomplete 此插件依赖于 jquery 1.2.6 --- jquery 1.8.3 转自:http://www.cnblogs.com/duanhuajian/p/3398904.html

    JQuery autocomplete Ajax分页控件

    `jQuery autocomplete` 是jQuery UI库中的一个组件,它为输入框提供了自动完成的功能,能够根据用户输入的文本动态地从服务器获取并显示建议的匹配项。这个功能对于提高用户体验,特别是处理大量数据时,如搜索或者...

    jquery autocomplete

    jQuery Autocomplete 主要通过监听用户的输入事件,然后根据预定义的数据源动态地生成下拉建议列表。数据源可以是静态数组、AJAX 请求返回的结果或者远程 API。当用户在输入框中输入字符时,插件会过滤数据源中的项...

    jQuery AutoComplete使用实例

    你可以从 jQuery 官方网站或 CDN 获取 jQuery,而 AutoComplete 通常可以从其官方网站或其他第三方库获取。例如: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;jQuery AutoComplete 示例 &lt;script src="https://code....

    jquery.autocomplete.js使用示例,可直接运行

    这个插件基于jQuery库,结合Ajax技术,能够实时从服务器获取数据并在用户输入时动态显示匹配的建议选项。 ### 1. 基本原理 jQuery Autocomplete.js 的工作原理是监听用户在输入框中的键盘事件,如keyup。当用户...

    jquery autocomplete js 文件

    jQuery Autocomplete 是通过监听用户在输入框中的输入事件,根据输入内容实时向服务器发送请求,获取匹配的数据,然后将这些数据以建议的形式展示在输入框下方。这一过程的关键在于实时更新、异步请求和数据格式化。...

    jquery.autocomplete.js资源压缩包下载

    这个功能可以让用户在输入框中输入文字时,自动显示与输入内容相关的建议,就像百度搜索那样。在JavaScript的世界里,jQuery库为我们提供了实现这一功能的强大工具——`jquery.autocomplete.js`。本文将深入探讨这个...

    jquery autocomplete 动态补全例子有说明ajax加载

    当用户在输入框中输入字符时,Autocomplete会触发一个事件,通过AJAX请求从服务器获取匹配的数据,并将结果显示为下拉列表供用户选择。 **JSON数据的使用** 在本例中,数据以JSON格式存储,这是一种轻量级的数据...

    jquery autocomplete dwr结合 修改Data

    标题中的“jQuery Autocomplete DWR结合 修改Data”指的是在Web开发中使用jQuery UI的Autocomplete组件与Direct Web Remoting (DWR)技术相结合,并对数据进行定制化处理的方法。jQuery Autocomplete是一个流行的UI...

    Jquery AutoComplete

    `jQuery AutoComplete` 是基于 jQuery 和 jQuery UI 的插件,它通过监听用户在输入框中的输入行为,实时发送请求到服务器,获取匹配的数据,并将这些数据以下拉列表的形式展示出来,供用户选择。这个过程涉及到了...

    jquery autoComplete

    `jQuery autoComplete` 的核心原理是监听用户的输入事件,当用户在输入框中键入字符时,插件会触发一个请求,通常是向服务器发送 AJAX 请求,获取与当前输入内容匹配的数据。这些数据随后被格式化并展示在输入框下方...

    jquery autocomplete 完成控件中文修正

    jquery autocomplete.js 是一款优秀的开源JS,支持自动完成,不过如果是中文失效。原因是由于中文编码不一致引起的,修改源文件中AJAX请求中的编码,加上escape编码后,在后台用Server.URLDecode解码后,则中文也...

    jQuery Autocomplete

    这个功能在很多网站上都能看到,比如百度搜索框的提示效果,它极大地提升了用户体验,减少了用户输入的负担,提高了搜索或数据选择的效率。 jQuery Autocomplete 主要基于jQuery库,jQuery是一个轻量级的JavaScript...

Global site tag (gtag.js) - Google Analytics