autocomplete使用

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文件