1. 爱易网页
  2. AJAX教程
  3. ajax + jquery 兑现自动完成autocomplete

ajax + jquery 兑现自动完成autocomplete

日期：2014-05-16　 浏览次数：20617 次

ajax + jquery 实现自动完成autocomplete
Code:
  1. <script???src= "${pageContext.request.contextPath}/js/jquery-1.5.1.js" >??
  2. </script>??
  3. ????????<script?type="text/javascript" ??
  4. ????????????src="${pageContext.request.contextPath}/js/jquery-ui-1.8.13.custom.min.js" >??
  5. </script>??
  6. ????????<link?rel="stylesheet" ?type= "text/css" ??
  7. ????????????href="${pageContext.request.contextPath}/css/jquery-ui-1.8.13.custom.css" ?/>??

代码实现

Code:
  1. <script?type= "text/javascript" >??
  2. var ?nameDate?=? "" ;??
  3. function ?onLoadMsg()?{??
  4. ???$("#cusName" ).autocomplete(?{??
  5. ????????autoFill?:?false ,??
  6. ????????matchContains:?true ,??
  7. ????????source?:?nameDate??
  8. ????});??
  9. ????var ?cusName?=?$( "#cusName" ).val();??
  10. ????jQuery.post("customer_nameSelect?cusName=" ?+?cusName,? function (data)?{??
  11. ????????nameDate?=?data;??
  12. ????});??
  13. ??????
  14. ??????
  15. }??
  16. function ?onShow(){??
  17. }??
  18. $().ready(function ()?{??
  19. });??
  20. </script>??

页面文件触发

Code:
  1. <input?type= "text" ?id= "cusName" ?name= "entity.customners.id" ??
  2. ????????????????????????????????????????onkeypress="onLoadMsg()" ?onkeyup= "onShow()" >??

效果图

相关资料更多>

  1. 做搜索提示时jquery中focusout和click事件冲突有关问题
  2. 调用ajax传递中文乱码有关问题
  3. pivotGrid的官方例子为什么显示不了数据,该怎么解决
  4. JQuery Ajax传送整个表单数据方法
  5. ajax的有关问题。
  6. ajax 无刷新增添和删除数据
  7. Ajax印证用户名是否存在
  8. Ajax汉语乱码解决
  9. jQuery ajax请求处理session过期有关问题