bigAutocomplete联想查询

引入jquery.bigautocomplete.js和jquery.bigautocomplete.css

<li>
			<span>单位全称</span>
			<input type="text" id="unitName"  name="unitName" value="${tUnitTrain.unitName }" readonly="readonly" class="btn-company-name e7">
		</li>



//ajax获取企业数据
	 var url_ = "<%=basePath%>unitPersonTrainApply/ajaxSelect/ajaxSelectCorps.do";
	 $("#unitName").bigAutocomplete({
	 	url:url_,
	 	callback:function(data1){
	 	
		 	if(data1 != null){
		 		
		 		$.ajax({
					type: "POST",  
					dataType:"json",
					async:false,
					url: "<%=basePath%>unitPersonTrainApply/ajaxSelect/ajaxFindCorp.do?corpId="+data1.result,
					success : function(data) {
						if(data != "" && data != null){
						    $("#corpId").val(data.corpId);
						    $("#addr").val(data.addr);
						    $("#streetId").val(data.streetId);
						}
					}
				});
		 	 }
		 	 
        }
	 }); 

  

$("xxxxx").bigAutocomplete({data:[...],url:"",width:0,callback:{}})
 
 
参数	说明
data(可选):	
data:格式{data:[{title:null,result:{}},{title:null,result:{}}]}
url和data两个参数必须有一个,且只有一个生效,data优先。
url(可选):	url为字符串,用来ajax后台获取数据,返回的数据格式为data参数一样。
width(可选):	下拉框的宽度,默认使用输入框宽度。
callback(可选):	选中行后按回车或单击时回调的函数,用于返回选中行的其他数据及做一些操作。

  

posted @ 2018-01-31 11:31  石洋  阅读(280)  评论(0编辑  收藏  举报