使用codeigniter

Question

我想问一下，有人曾经使用组合框/选择框和代码点火器创建了自动完成功能吗？

我已经尝试但只设法使用自动完成功能来输入2个文本，但我还有另一个想法是创建自动完成功能，文本结合组合框。我已经创建了但是我在文本中的自动完成功能成功但是在组合框中不起作用只显示空选项。有人能帮我吗？这是我的源代码

我的表：我可能使用2表进行自动完成：1。tb_produk和2. tb_kategori_produk

1. https://imgur.com/a/xpysI | 2. https://imgur.com/a/DVgUl

我的控制器：user.php

public function request_produk(){ //used for calling view

    $data["kateprod"] = $this->db->where("f_status_kategori_produk","1")
                            ->get("tb_kategori_produk")->result_array();
    $this->theme->panel('user/v_request',$data);
}

public function mesin() //user for jquery called data
{
    $keyword = $this->uri->segment(3);
    $data = $this->db->from('tb_produk')->join('tb_kategori_produk','tb_kategori_produk.f_id_kategori_produk=tb_produk.f_kategori_produk')->like('f_nama_produk',$keyword)->get();  

    foreach($data->result() as $row)
    {
        $arr['query'] = $keyword;
        $arr['suggestions'][] = array(
            'value' =>$row->f_nama_produk,
            'idpro' =>$row->f_id_produk,
            'idkate' =>$row->f_id_kategori_produk,
            'kategori'=>$row->f_nama_kategori_produk

        );
    }
    echo json_encode($arr);
}

我的控制器：v_request.php

<div id="content">
    <script type="text/javascript">
        var site = "<?php echo site_url();?>";
        $(function() {
            $(".autocomplete").autocomplete({
                serviceUrl: site+"/user/mesin",
                onSelect: function (suggestion) {
                      $("#v_idproduk").val(""+suggestion.idpro);
                      $("#v_kategori").val(""+suggestion.kategori);
                      $("#v_idkategori").val(""+suggestion.idkate);
                }
            });
        });
    </script>
    <?php $id = $this->session->userdata('f_id_user'); 
    <input type="hidden" name="dt[f_id_user]" value="<?php echo $this->session->userdata('f_id_user'); ?>">
    <input type="hidden" id="v_idproduk" name="dt[f_id_produk]">
    <input type="hidden" id="v_idkategori" name="dt[f_kategori_produk]">

    <div class="form-group br-form"> <!-- This form group i used to autocomplete text -->
         <div class="col-md-2">
            <label class="control-label">Nama Mesin</label>
         </div>
         <div class="col-md-10">
            <input type="search" class="autocomplete form-control" id="autocomplete1" name="nama_mesin" required/>
         </div>
     </div><br><br>

     <div class="form-group br-form"> <!-- This form group i used to autocomplete combo box-->
         <div class="col-md-2">
            <label class="control-label">Kategori Mesin</label>
         </div>
         <div class="col-md-10">    
            <select id="v_kategori" name="dt[f_kategori_produk]" class="form-control" required>
                <option value="">---Harap Pilih---</option>
                <?php foreach ($kateprod as $key) { ?>
                    <option value="<?=$key['f_id_kategori_produk']?>" id="v_kategori"><?php echo $key["f_nama_kategori_produk"];?></option>
                <?php } ?>
            </select>
          </div>
     </div><br>

这是我的演示

https://streamable.com/wvn25