在自动填充搜索中突出显示关键字

时间:2017-10-13 13:57:41

标签: javascript php codeigniter

我想根据自动填充搜索突出显示关键字,就像我键入a然后给出的结果:  java的  JavaScript的 所以在这个j a v a            Ĵ的 v的脚本
如果我输入av然后j ava            根据搜索,j ava 脚本应突出显示或加粗。

以下是我的代码:

javascipt的        

     $(this).ready( function() {  
        $("#id").autocomplete({  
            minLength: 1,  
            source:   
            function(req, add){  
            //alert("xdhf");
            $.ajax({
                             url: "<?php echo base_url(); ?>/trainer_dashboard/autocomplete_batchsearch",
                            data: req,
                            dataType: 'json', 
                            type: "post",
                            cache: false,
                            success: function (data){
                                    //alert(data);
                                      if(data.response =="true"){  
                                        add(data.message);  
                                        console.log(data);

                                         }                                      
                                },
                          error: function (xhr, ajaxOptions, thrownError) 
                            {
                                alert(thrownError);
                            }
            });
             },  
         });  
    });  

控制器

public function autocomplete_batchsearch()
{
    //$user_id=get_cookie('trainer_login_user_id');
    $keyword = $this->input->post('term'); 

     $data['response'] = 'false'; //Set default response  
    $query = $this->trainer_dashboard_model ->batchsearch($keyword); //Search DB 
    //echo"";print_r($query); 
    if( ! empty($query) )  
    {  
        $data['response'] = 'true'; //Set response  
        $data['message'] = array(); //Create array  
        foreach( $query as $row )  
        {  
            $data['message'][] = array(   
                                    'id'=>$row->id,  
                                    'value' => $row->id,  
                                    ''  
                                 );  //Add a row to array  
        }  
    }  
    if('IS_AJAX')  
    {  
        echo json_encode($data); //echo json string if ajax request  
    }  
    else  
    {  
        $this->load->view('trainer_dashboard_view',$data); //Load html view of search results  
    } 

}

0 个答案:

没有答案