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

ajax + jquery 兑现自动完成autocomplete

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

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. 异步回到的是一个对象格式的字符串，为什么alert时不是显示object呢
  2. 求高手打救，关于extjs grid和数据换行的有关问题
  3. Ajax入门事例
  4. jquery学习札记-ajax应用
  5. 使用zk怎么把六万条数据放到spreadsheet中，要速度快的
  6. div中加载页面，当加载页面慢时，展示正在加载中…
  7. Ext2.x Ajax 同步的步骤
  8. 用ajax跟JQuery TreeView 编一个动态的树形结构
  9. 求教怎么用xmlhttp把自考查询系统的移植到自己的网站