jquery的自动完成Autocomplete

最新推荐文章于 2025-08-19 11:49:09 发布

原创最新推荐文章于 2025-08-19 11:49:09 发布 · 610 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#autocomplete #jquery #function #json #url

本文详细介绍了如何使用 jQuery 和 JSON 数据实现在网页中实现自动补全功能，并解析 JSON 数据，提供了完整的示例代码及应用效果展示。

$(document).ready( function(){

		fmtTableBackground(document.getElementById("commonTable"));
		var url = "xxxx.action";
		$("#orgName").autocomplete(url, {
			minChars: 1,
			width: 200,
			selectFirst: false,
			matchCase:true,
		    dataType: 'json',//指定返回的是json数据，否则返回的数据为json字符串
			parse: function(data) { 
				     var rows = []; 
				     for(var i=0; i<data.length; i++){   
				       rows[rows.length] = {    
					        data:data[i],    
					        value:data[i].orgName,    
					        result:data[i].orgName   
				        };    
				      }   
				    return rows;   
				    },  
			formatItem: function(item){
				return item.orgName;
	  	    }
		});

		$("#orgName").result(function(event, data, formatted) {
			if (data)
				$("#orgId").val(data.orgId);
		});
		$("#orgName").result(function(event, data, formatted) {
			if (data)
				$("#isBigOrg").val(data.isBigOrg);//
		});

其他详解可以参照

下面网址

http://www.cnblogs.com/diulela/archive/2011/12/13/2285576.html