模糊查询js

  • z1_676551
    了解作者
  • 52.6KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-15 11:42
    上传日期
模糊查询javascript,支持字母检索中文,模糊搜索 精确匹配
模糊查询.zip
  • 模糊查询
  • query.html
    1.5KB
  • search.js
    29.1KB
  • jquery-1.10.2.min.js
    90.9KB
内容介绍
<!DOCTYPE HTML> <html> <style> * {margin:0; padding:0;} table,td{border:1px solid #CC6600;border-collapse:collapse;font-size:12px;} #divResult{ border:1px solid #CC6600; font-size:14px; letter-spacing : 2px;margin-top:20px; float:left; padding:8px 5px;} #txtChinese {padding:2px;} .wrapper {padding:20px;} </style> <body> <div class='wrapper'> <div> <span>请输入中文字符串:</span><input type="text" class="value1" id="txtChinese" name="txtChinese" size="30" value=""> </div> <ul id="query_body"> <li>未找到数据</li> </ul> </div> </body> <script src="jquery-1.10.2.min.js"></script> <script src="search.js"></script> <script> var myMap = new Map(); //塞入键值对 var mycars=new Array( "上海"); for(var i= 0;i<mycars.length;i++){ var result = query(mycars[i]); myMap.set(result,mycars[i]); } var keyList = new Array(); function mhSearch(){ var req = $("#txtChinese").val(); myMap.forEach(function(value, key) { if(key.indexOf(req)>=0){ keyList.push(value); } }) li_list=""; for(var i= 0;i<keyList.length;i++){ li_list +="<li>"+keyList[i]+"</li>"; } if(req.length==0){ li_list=""; } $('#query_body').html(li_list); keyList=[]; } $('.value1').bind('input propertychange', function() { mhSearch(); }); </script> </html>
评论
    相关推荐