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

ajax + jquery 兑现自动完成autocomplete

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

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. REST,Ajax的无用性议论
  2. intellij 9.0初学者贴！
  3. 下边这段代码能否变成url地址栏的地址
  4. 一个旋钮，为什么要点二次，才提交
  5. ajax循环有关问题，求高手点拨一下
  6. 关于extjs的上传工具使用有关问题
  7. 关于AJAX回来 json or html
  8. jquery获取新浪微博某用户的用户信息解决办法
  9. 用Dojo兑现Ajax请求：XHR、跨域、及其他