快速搜索

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

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

　　具体代码

 1 <script type="text/javascript">
 2     var platList = $platJsonList;  //后台转换成json格式，如"{"2":"\u8dd1\u8dd1\u5361\u4e01\u8f66","3":"\u8bdb\u4ed92"}"
 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>

 

posted @ 2016-05-09 14:57  多多喜  阅读(594)  评论(0)  编辑  收藏  举报