jquery 文字自动补全(文本自动补全)

这篇博客介绍了如何使用jQuery实现文本框的自动补全功能。通过监听keyup和keydown事件,结合setTimeout延迟调用doPost函数进行异步搜索。在接收到搜索结果后,动态创建div展示建议项,并添加点击事件Chk来选中建议项。同时,提供了上下键导航和回车搜索的功能。
摘要由CSDN通过智能技术生成

var val;
$(function() {
 var timeOut;
 $(".seach>.text").keyup(function(e) {
  if (e.keyCode > 36 && e.keyCode < 41 || e.keyCode == 13) {

   return false;
  }

  clearTimeout(timeOut);
  val = $(this).val();
  if (val != "") {
   timeOut = setTimeout(doPost, 200);
  } else {

   $(".seach").nextAll().remove();
  }
 });

 $(".seach>.text").keydown(function(e) {

  switch (e.keyCode) {
  case 40:
   down();
   break;//下
  case 38:
   up();
   break;//上
  case 13:
   doSearch();//回车
   break;
  }

 });
 $(".seach>.text").blur(function() {

  setTimeout(clear, 200);

 });
 $(".button").click(
   function() {
    window.loca

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值