Autocomplete Combobox 仅在表格的第一行显示数据(我使用的是 Codeigniter 和 Jquery UI)

问题描述 投票:0回答:0

我只是使用 Codeigniter 3 和 Jquery UI 制作库存订购应用程序,以显示我数据库中的所有库存数据。在这种情况下,我将使用表和引导程序模式放置所有数据。

问题是自动完成组合框只出现在第一行的数据。当我点击另一行的另一个按钮时,它没有出现。

这是我的代码 控制器:

public function get_barank(){  
        if (isset($_GET['term'])) {
            $result = $this->M_inventory->search_barank($_GET['term']);
            if (count($result) > 0) {
            foreach ($result as $row)
                $arr_result[] = array(
                    'NAMA_BARANG'  => $row->NAMA_BARANG,
                    'value' => $row->ID,
                    'label' => $row->NAMA_BARANG
                );
                echo json_encode($arr_result);
            }
        }
    }

型号:

function search_barank($NAMA_BARANG){
    $this->db->like('NAMA_BARANG', $NAMA_BARANG , 'both');
    $this->db->order_by('NAMA_BARANG', 'ASC');
    $this->db->limit(15);
    return $this->db->get('inventory.RSUBarangPerPenyedia')->result();
}

景色:

<button type="button" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#tambahsurat<?php echo $logistik->NO_PO?>">
                                <i class="fa fa-list"></i>
                                </button>

                                <div class="modal fade" id="tambahsurat<?php echo $logistik->NO_PO?>" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                  <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header" style="background-color:#E4A11B">
                                            <h5 class="modal-title text-white" id="exampleModalLabel">Input Surat Pengajuan Baru</h5>
                                            <button type="button" class="close btn-danger" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body ui-front">
                                            <input type="hidden" name="NO_PO" class="form-control" id="exampleInputEmail1" required autocomplete="off" value="<?php echo $logistik->NO_PO?>">
                                            
                                            <form method="post" action="<?php echo base_url().'inventory/inventory/input_riwayatsurat'?>">
                                                <div class="row">
                                                    <div class="col-6">
                                                        <div class="form-group">
                                                            <label for="exampleInputEmail1">ID. PO</label>
                                                            <input type="text" name="ID_PO" class="form-control" id="exampleInputEmail1" required readonly autocomplete="off" value="<?php echo $logistik->NO_PO ?>">
                                                            
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="BARANGG">Barang </label><br>
                                                            <input type="text" id="BARANGG" name="BARANG" placeholder="" class="form-control" autocomplete="off">
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="exampleInputEmail1">Jumlah</label>
                                                            <input type="number" name="JUMLAH" class="form-control" id="exampleInputEmail1" required autocomplete="off">
                                                        </div>
                                                        
                                                    </div>
                                                    <div class="col-6">
                                                        <div class="form-group">
                                                            <label for="exampleInputEmail1">Status</label>
                                                            <input type="text" name="STATUS" class="form-control" id="exampleInputEmail1" readonly required autocomplete="off" value="1">
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="exampleInputEmail1">Oleh</label>
                                                            <input type="text" name="OLEH" class="form-control" id="exampleInputEmail1" required readonly autocomplete="off" value="<?php echo $session_user->nip?>">
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                            <!-- <label for="exampleInputEmail1">Waktu Entry</label> -->
                                                            <input type="hidden" name="UPDATE_TIME" class="form-control" id="exampleInputEmail1" readonly autocomplete="off" value="<?php echo date("Y-m-d H:i:s") ?>">
                                                        </div>
                                                </div>
                                            
                                        </div>
                                        <div class="modal-footer">
                                            <button type="submit" class="btn btn-warning btn-sm mb-3 float-right"><i class="fa fa-save"></i> Ajukan</button>
                                        </div>
                                        </form>
                                    </div>
                                </div>
<script type="text/javascript">

    $( "#BARANGG").autocomplete({
        
    source: "<?php echo base_url('inventory/inventory/get_barank/?');?>",
    
  
        select: function (event, ui) {
            $('[name="BARANG"]').val(ui.item.barang); 
            
        }
    });

有人可以帮助我吗?

javascript codeigniter combobox row jquery-ui-autocomplete
© www.soinside.com 2019 - 2024. All rights reserved.