var deviceSource = null;
$.getJSON("${pageContext.request.contextPath}/gys/gysList.do?label=CONCAT(g.gys_gysdm, g.gys_gysmc)", function(result){
deviceSource = result;
$("#ylcgGYS_Select").autocomplete({
autoFocus: true,
minLength: 0,
focus: function(){
return false;
},
source: deviceSource,
select: function(event, ui){
$("#ylcgGYS_Select").val(ui.item.gysGysmc);
$("#ylcgGYS_Detail").val(ui.item.gysId);
return false;
}
}).autocomplete("instance")._renderItem = function(ul, item){
var desc = "供应商代码:" + item.gysGysdm + "<br/>供应商名称:" + item.gysGysmc;
return $("<li>").append( "<a>" + desc + "</a>" ).appendTo(ul);
};
});
$("#ylcgGYS_Select").blur(function(){
if(!checkIsNull($.trim($(this).val()))){
var device = Enumerable.From(deviceSource).Where("p => p.gysGysmc == '" + $(this).val() + "'").FirstOrDefault();
if(!checkIsNull(device)){
$("#ylcgGYS_Select").val(device.gysGysmc);
$("#ylcgGYS_Detail").val(device.gysId);
}else{
alert("供应商不存在!");
$("#ylcgGYS_Select").val("");
$("#ylcgGYS_Detail").val("");
$(this).val("");
}
}else{
$(this).val("");
}
});
<style type="text/css">
.ui-autocomplete {
width: 300px;
}
</style>
如果要达到上面的效果:点击自动显示。则需要改jquery.js文件