引入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(可选): 选中行后按回车或单击时回调的函数,用于返回选中行的其他数据及做一些操作。