ajax代码未将数据从表移至第二行 - javascript

嗨,大家好,我对ajax有问题。其中ajax无法工作以获取第二行的数据。

这是模型中的代码

 function getdtbarang($barcode = FALSE) {
         if ($barcode === FALSE)
        {
                $query = $this->db1->get('tblmstbarang');
                return $query->result_array();
        }

        $query = $this->db1->get_where('tblmstbarang', array('barcode' => $barcode));
        return $query->row_array();
        }

        这是控制器中的代码:

 function getdatabarang() {
        $barcode = $this->input->post('barcode');
        $data=$this->Mbarang->getdtbarang($barcode);
        echo json_encode($data);
        }

    这是视图中的ajax代码。注意:某些代码已更新

     <script type="text/javascript">

   function getdatabrg(barcode){
    $('#barcode_2').each(function() {    
        var barcode =$('#barcode_2').val();   
       $.ajax({
            type    : "post",
            data    : "barcode=" +barcode,                       
            url     : "<?php echo base_url();?>index.php/master/barang/Cbarang/getdatabarang",
            dataType:"json",
            success: function(data){ 
            for(var i in data)
              {
            var obj= data[i];          


                $("#barang_nama_2").val(obj.barang_nama);
                $("#harga_beli_2").val(obj.harga_beli);

          }}

        }); 


    });
}


    $(document).ready(function() { 
     $('#barcode_2').keyup(function() {
      getdatabrg(); 
    });
  });
      </script>
    <td><input type="text" class="form-control" id="barcode"    name="barcode[]"     value="<?php echo set_value('barcode['.$i.']') ;?>" onKeyUp="getValues()" ></td>
    <td><input type="text" class="form-control" id="barang_nama" name="barang_nama[]" value="<?php echo set_value('barang_nama['.$i.']') ;?>" onKeyUp="getValues()"  disabled></td>
    <td><input type="text" class="form-control" id="harga_beli"  name="harga_beli[]"  value="<?php echo set_value('harga_beli['.$i.']');?>" onKeyUp="getValues()" disabled></td>

    <td><input type="text" class="form-control" id="barcode_2"        name="barcode[]"     value="<?php $a=set_value('barcode[0]') ; echo $a;?>"></td>
    <td><input type="text" class="form-control" id="barang_nama_2"    name="barang_nama[]" value="<?php $a=set_value('barang_nama[0]') ; echo $a;?>" onKeyUp="getValues()" readonly></td>
    <td><input type="text" class="form-control" id="harga_beli_2"     name="harga_beli[]"  value="<?php $a=set_value('harga_beli[0]'); echo $a;?>" onKeyUp="getValues()"  readonly></td>

    <td><input type="text" class="form-control" id="barcode_3"      name="barcode[]"     value="<?php echo $detail->barcode;?>"></td>
    <td><input type="text" class="form-control" id="barang_nama_3"  name="barang_nama[]" value="<?php echo $detail->barang_nama;?>" onKeyUp="getValues()" readonly></td>
    <td><input type="text" class="form-control" id="harga_beli_3"   name="harga_beli[]"  value="<?php echo $detail->harga_beli;?>"  onKeyUp="getValues()" readonly></td>

我希望能解决这个问题。非常感谢您的答复。

参考方案

就像Zerfiryn提到的那样:“您不能对html元素使用相同的id。jQuery只会获取第一个元素”

解决方案:您可以在html元素上多次使用同一类。不调用您的ajax中的id,而是调用类form-control
因此,将$("#barcode")替换为$(".form-control")

写一个答案,因为我不能发表评论-.-

使用php重新加载内容 - javascript

在对网站进行编程时,我以前使用过此代码,它可以完美工作,但是现在当我想使用一些Flash部件时,每次单击链接时,它都会重新加载所有网站。源代码: <!DOCTYPE html> <html> <head> <title>Hot King Staff</title> <meta charset=…

用jQuery填充模式形式 - javascript

我正在将订单表从数据库绘制到datatables(jquery插件)中。我要在每笔最后一笔交易或每笔交易中增加付款。问题是,如何获取单击添加付款按钮以添加付款的行的订单ID。其次,当点击addpayment时,它会弹出一个带有字段或订单号的模态表单。我想用在td中找到的订单ID填充该字段,并使其不可编辑或隐藏,但在提交模态表单时将其发布到服务器。表格和模式表…

保留文本区域的数据或值,然后选择输入 - javascript

通过$ _POST提交表单时,输入文件值仍然保留。像这样: if($_POST){ $error = false; if(!$post['price']){ $error = true; $error_note['price'] = "*Should not be empty"; } if($err…

带有AJAX和DOM处理API的下拉菜单 - javascript

我从API获取数据,但未在我的下拉菜单中显示。如果我用?act=showprovince回显,结果就在那里。example.html<head> <link rel="stylesheet" type="text/css" href="css/normalize.css"> …

尽管刷新,jQuery格式仍未应用于Ajax数据 - javascript

我正在通过GET响应消息从服务器(php文件)的可折叠内部加载列表视图。但是,尽管刷新了jQuery元素,但jQuery格式并未应用于添加的HTML。我的页面在这里:http://i.cs.hku.hk/~hsbashir/Project_Work/events/events.htmlHTML代码(仅相关代码)<script> lastRecor…