select2中文api_select2.min.js手册_jquery select2 参数

很多时候在做select 下拉框的时候，如何遇到大数据，全部加载到select下拉框里面，页面很很卡，那如何解决呢？
幸好有个select2.js插件，select2是Jquery用来代替选择框的一种组件。它让你可以定制下拉框，并且支持搜索、标记，远程数据源，无限滚动和其他更高级的功能。

效果图如下：


实例代码如下：

1.先要引用js,css

1. <link rel="stylesheet" type="text/css" href="<?php echo IBEE_CSS_PATH; ?>select2.css"> 
2. <script src="<?php echo IBEE_JS_PATH; ?>select2.min.js"></script> 
3. <script src="<?php echo IBEE_JS_PATH; ?>select2_locale_zh-CN.js"></script> 

2.html页面代码

1. <input type="hidden" class="form-control" id="add_pjk_id" value=""> 

3.js处理
 

1. $('#add_pjk_id').select2({ 
2.             placeholder: '请输入商户名称', 
3.             ajax: { 
4.                 url: "?m=pijiu&c=pijiu&a=pub_keywords", 
5.                 dataType: 'json', 
6.                 quietMillis: 100, 
7.                 data: function (term, page) { 
8.                     return { 
9.                         term: term, //查询的字符www.bcty365.com
10.                         page_limit: 20, // page size 
11.                         page:page,    //页码 
12.                         pc_hash:'<?php echo $_SESSION['pc_hash'];?>' 
13.                     }; 
14.                 }, 
15.                 results: function (data, page) { 
16.                      if((data.results).length>0){   //如果没有查询到数据，将会返回空串 
17.                     var more = (page*20)<data.total; //用来判断是否还有更多数据可以加载 B5教程网 
18.                         return { 
19.                         results:data.results,more:more    
20.                         }; 
21.                     }else{ 
22.                        return { results: data.results }; 
23.                     }  
24.                     
25.                 } 
26.  
27.             }, 
28.             initSelection: function(element, callback) { //初始化
29.                 return $.getJSON("?m=pijiu&c=pijiu&a=pub_keywords&id=" + (element.val()), null, function(data) { 
30.                         return callback(data); 
31.                 }); 
32.             } 
33.         }); 

4.php处理页面

1. //B5教程网  
2. public function pub_keywords() 
3.     { 
4.        $keyword=$_GET['term']; 
5.        $page_size=$_GET['page_limit']; 
6.        $page=$_GET['page']; 
7.        $where=""; 
8.        if($keyword) 
9.        { 
10.        $where="`shname` like '%$keyword%'"; 
11.        } 
12.        $data = $this->sh_db->listinfo($where, '`time` DESC', $page,$page_size); 
13.        $total=$this->sh_db->count($where); 
14.        $res=array(); 
15.         foreach($data as $k=>$v) 
16.         { 
17.            $res[$k]['id']=$v['sid']; 
18.            $res[$k]['text']=$v['shname']; 
19.         }  
20.  
21.        echo json_encode(array('results'=> $res,'total'=>$total)); 
22.        exit; 
23.           
24.     }