快速搜索

1.一种ajax去请求,从数据库拿出数据。

2.一种是利用js的indexOf()函数来检索。

  具体代码

 1 <script type="text/javascript">
 2     var platList = $platJsonList;  //后台转换成json格式,如"{"2":"u8dd1u8dd1u5361u4e01u8f66","3":"u8bdbu4ed92"}"
 3     $('.key').keyup(function(){    
 4         var keyWord = $(this).val();
 5         var tplArr  = [];
 6         if (keyWord) {
 7             for (var i in platList) {
 8                 if (platList[i].indexOf(keyword) > -1) {   //如果没有匹配,返回-1
 9                     tplArr.push("<option value='"+i+"'>"+platList[i]+"</option>");
10                 } 
11             }
12             if (tplArr.length <= 0) {
13                 tplArr.push("<option value=''>未找到平台</option>");
14             }
15         } else {
16             tplArr.push("<option value=''>请选择平台</option>");
17             for (var j in platList) {
18                 tplArr.push("<option value='"+i+"'>"+platList[j]+"</option>");
19             }
20         }
21          $('#platform').html(tplArr);
22     });
23 </script>
原文地址:https://www.cnblogs.com/duoduoxi/p/5473987.html