autocomplete使用

来源：互联网发布：库里本赛季数据统计编辑：程序博客网时间：2024/06/06 14:00

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

0 0