オートコンプリートのテキストボックスが機能しませんでした

Question

私はcodeigniterを使ってテキストボックスをオートコンプリートしたいと思っています。私はこれを解決するために複数の方法を試みましたが、結果の表示はありません。 （Kepakaran_m.phpという名前の）私のモデルで

：私のコントローラで

function search($bidang){ 
    $this->db->like('bidang',$bidang, 'both'); 
    return $this->db->get('kexpt103kodbidang')->result(); 
} 

（命名：Expert.php）：

function search($bidang){ 
    $result = $this->Kepakaran_m->search($bidang); 
    if (count($result) > 0){ 
     foreach ($result as $res) 
      $results[] = $res->bidang; 
     echo json_encode($results); 
    } 
    } 

という名前（私の見解では、以下のコードは、次のとおりです。 kepakaran.php）：

<script type=""> 
    $(document).ready(function(){ 
     $("#bidang").autocomplete({ 
      source:'<?php echo base_url('expert/search') ?>', 
     }); 
    }); 
    </script> 

<form class="form-horizontal" method="post" role="form" novalidate>   
     <div class="form-group"> 
     <div class="col-md-12"> 
     <label class="col-md-3 col-xs-12 control-label">Bidang Kepakaran</label> 
      <div class="input-group col-md-6"> 
       <textarea name="bidang" cols="1" rows="1" wrap="soft" class="form-control autocomplete_txt" id="bidang" type="text" autocomplete="off" ></textarea> 

      </div> 
     </div> 
     </div></form> 

これを解決する方法はありますか？ありがとう

Answer 1

この

<script type="text/javascript"> 
$("#bidang").autocomplete({ 

     source: "<?php echo base_urlecho base_url('expert/search'); ?>", 
     minLength: 1, 
     focus: function(event, ui) { 
      $(this).val(ui.item.column1); 
      return false; 
     }, 
     select: function(event, ui) { 
      $(this).val(ui.item.column1); 
      return false; 
     }, 
     response: function(event, ui) { 
      if (ui.content.length === 0) { 
       $(this).val(''); 
      } 
     } 
     }).data("ui-autocomplete")._renderItem = function(ul, item) { 
      return $("<li>") 
      .append("<a>" + item.column1 + "</a>") 
      .appendTo(ul); 
    }; 
</script> 

//コントローラ

$query = $this->db->query($sql); 
    $data = $query->result(); 
    echo json_encode($data);