`
yanghui628
  • 浏览: 8631 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Jquery.autocomplete 的使用

阅读更多

		/**
		  *修改人:yanghui@cotel@.com.cn
		  *修改内容:GGSN IP 联想
		  *修改时间:2010-06-10
		*/
		$(document).ready(function(){
			getIPData = function(keyword) {
				var data = null;
				$.ajax({
					   type: "post",
					   url: "${pageContext.request.contextPath}/NetWorkManageAction.do?method=ipHistory",
					   data: "keyword=" + keyword,
					   async: false,
					   success: function(msg){
					     var message = new Function("return" + msg);
					     data =  message();
					   }
					}); 

					return 	data;
			};
			$("#ip").autocomplete(getIPData($(this).val()), {
				minChars: 1,
				max: 10,
				width: 250,
				selectFirst:false,
				matchContains:false,
				scrollHeight: 220,
				scroll: false,
				delay:100,
			    formatItem: function(row, i, max) {
			   // alert(row.ip);
			        return  row.ip + "<font color='green'> [" + row.count +"]</font>";
			    },
				formatResult: function(row) {
					return row.ip;
				}
			});
			
		});
分享到:
评论

相关推荐

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

    `jquery.autocomplete.js`是jQuery的一个插件,它扩展了原生的jQuery库,增加了自动完成的功能。这个插件主要由两个核心部分组成:一个是前端展示部分,负责渲染和展示联想结果;另一个是数据处理部分,用于获取和...

    jquery.autocomplete.zip

    一般情况下,需要引入`jquery.js`,`ui.core.js`,`ui.widget.js`以及`ui.autocomplete.js`。 2. **HTML结构**:在HTML中创建一个`&lt;input&gt;`元素,用于用户输入,并为其指定一个唯一的ID,这将是插件绑定的目标元素...

    jquery.autocomplete.js&css.rar

    在实际应用中,`jquery.autocomplete.js`和`jquery.autocomplete.css`可以结合使用,为用户带来流畅、高效的输入体验。例如,在电子商务网站的搜索框中,用户只需输入商品名称的一部分,就能迅速看到匹配的建议,这...

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

    **jQuery Autocomplete.js 插件使用详解** jQuery Autocomplete.js 是一个非常实用的插件,它为HTML输入框提供了自动补全功能,极大地提升了用户体验。这个插件基于jQuery库,结合Ajax技术,能够实时从服务器获取...

    自动补全-jquery.autocomplete.js

    首先,`jquery.autocomplete.js`是基于jQuery框架的,因此使用该插件前需要确保页面已经引入了jQuery库。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务,使得前端...

    jquery.autocomplete.js

    与之配套的"jquery.autocomplete.min.js"是经过压缩和优化的版本,旨在减小文件体积,提高页面加载速度。 描述中提到的“jquery解决了跨浏览器问题”,这是jQuery库的一大优点。jQuery库的出现,使得开发者可以编写...

    jquery.autocomplete.js 自动补全插件实例

    以下是`jQuery.autocomplete.js`的核心功能和使用方法: 1. **数据源**:自动补全的数据可以从多种来源获取,包括静态数组、服务器端API或者AJAX请求。例如,你可以定义一个包含多个选项的JavaScript数组,然后将该...

    jquery.autocomplete 类包.rar

    这个类包“jquery.autocomplete.zip”包含了实现这一功能所需的两个核心文件:`jquery.autocomplete.css`和`jquery.autocomplete.min.js`,它们一起为开发者构建自动补全搜索框提供了强大的支持。 首先,我们来了解...

    jquery.autocomplete干净demo

    要使用 `jQuery Autocomplete`,首先确保你已经引入了 jQuery 库。然后,可以通过 CDN 或下载本地副本来获取 Autocomplete 插件的 JavaScript 和 CSS 文件。在 HTML 文件中,通过 `&lt;script&gt;` 和 `&lt;link&gt;` 标签将它们...

    jquery.autocomplete 增加自定义查询方法

    `jQuery.autocomplete`是jQuery UI库中的一个组件,它为输入框提供了自动补全功能,极大...在提供的`demo`文件中,可能包含了一个简单的`jQuery.autocomplete`使用示例,你可以参考并根据实际项目需求进行修改和扩展。

    jquery.autocomplete的js+css

    在这个场景中,我们有两个关键文件:`jquery.autocomplete.css` 和 `jquery.autocomplete.min.js`。 1. **`jquery.autocomplete.css`**: 这个文件是 CSS 样式表,负责定义 `jQuery.autocomplete` 插件的外观和...

    jquery.autocomplete

    同时,为了美观和布局,还需要引入 `jquery.autocomplete.css` 文件,该文件定义了插件的样式规则。 ### 2. 使用方法 要在网页上使用 `jQuery Autocomplete`,首先需要选择一个输入元素,并为其添加 `autocomplete...

    jquery自动补全插件(jquery autocomplete)

    在本压缩包中,我们有两个文件:`jquery.autocomplete.js` 和 `jquery.autocomplete.css`,它们分别负责插件的核心功能和样式定义。将这两个文件放入你的项目目录,并在页面中通过 `&lt;script&gt;` 和 `&lt;link&gt;` 标签引入...

    jQuery.Autocomplete 中文支持.pdf

    jQuery.Autocomplete 是一款广泛使用的 jQuery 插件,它为网页中的输入框提供了自动完成(autocomplete)和建议提示(input suggest)功能。这款插件通过 AJAX 方式动态加载数据,使得用户在输入过程中可以接收到...

    jquery.autocomplete.min.js

    jquery autocomplete 支持自动补全,可以做成类似百度搜索那样的

    利用Jquery.AutoComplete插件及微软提供的ChineseConverter.dll实现汉字、拼音、简拼模糊搜索

    要使用Jquery.AutoComplete,你需要在项目中引入jQuery库和jQuery UI库,确保它们的版本兼容。 其次,微软的ChineseConverter.dll是一个用于汉字和拼音转换的库,它支持全拼和简拼的转换。这个库可以方便地将汉字...

    jQuery.Autocomplete 中文支持.docx

    《jQuery.Autocomplete 中文支持详解》 jQuery.Autocomplete 是一个广受欢迎的 jQuery 插件,它提供了输入框的自动完成和建议提示功能,极大地增强了用户体验。该插件允许通过 AJAX 方式动态加载数据,使得实时搜索...

Global site tag (gtag.js) - Google Analytics