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