Welcome Guest, Not a member yet? Register   Sign In
Auto Complete after first row doesnt work
#1

Hallo, Need some advice to solve this, i have form for transaction where form has add row and delete row with autocomplete, my problem is why auto complete doesnt work after first row ? i think the problem is kode_barang should make array in jquery and i dont know how to write it, Will be big thanks to some body help me, Thanks

Code:
<!DOCTYPE html>
<html lang="en">
  <head>
   <title>Cipta     Jaya ComCell</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" />
        <meta name="robots" content="index, follow" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link href="<?php echo base_url()?>asset/css/scroller_roll.css" rel="stylesheet" type="text/css"></link>
         <link href="<?php echo base_url()?>asset/css/bootstrap.min.css" rel="stylesheet" media="screen">
         <link href="<?php echo base_url()?>asset/css/style.css" rel="stylesheet" media="screen">
         <link href="<?php echo base_url()?>asset/css/costum/flexslider.css" rel="stylesheet" media="screen">
         <link href="<?php echo base_url()?>asset/css/css/bootstrap.css" rel="stylesheet" type="text/css"/>    
         <script src="<?php echo base_url()?>asset/js/jquery.js"></script>
         <script src="<?php echo base_url()?>asset/bootstrap/js/bootstrap.js"></script>
<!-- jQUERY HITUNG OTOMATIS -->
<script src="http://code.jquery.com/jquery-latest.min.js"></script>        
<!-- jQUERY HITUNG OTOMATIS -->         
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script type="text/javascript">
$(document).ready(function(){
      var i=1;
     $("#add_row").click(function(){
      $('#addr'+i).html("<td>"+ (i+1) +"</td><td><input name='kode"+i+"' type='text' placeholder='Masukkan Kode' class='form-control input-md'  /> </td><td><input name='nama"+i+"' type='text' placeholder='Nama Barang' class='form-control input-md'  /> </td><td><input  name='stock"+i+"' type='text' placeholder='Stock'  class='form-control input-md'></td><td><input  name='jumlah"+i+"' type='text' placeholder='Jumlah'  class='form-control input-md'></td>    <td><input  name='harga"+i+"' type='text' placeholder='Harga'  class='form-control input-md'></td> <td><input  name='total"+i+"' type='text' placeholder='Total'  class='form-control input-md'></td>");

      $('#tab_logic').append('<tr id="addr'+(i+1)+'"></tr>');
      i++;
  });
     $("#delete_row").click(function(){
       if(i>1){
     $("#addr"+(i-1)).html('');
     i--;
     }
   });
});
</script>
<script type="text/javascript">
function get_b_name()
    {
    var a =$('#kode_barang').val();
    $.post('<?php echo base_url();?>admin/barang/get_b_name',{a:a},function(res){
        $('#nama_barang').val(res);
        });
    }
function get_stock()
    {
    var a =$('#kode_barang').val();
    $.post('<?php echo base_url();?>admin/barang/get_stock_',{a:a},function(res){
        $('#stock').val(res);
        });
    }
function hitung2()
    {
        var a = $("#jumlah").val();
        var b = $("#harga").val();
        c = a * b; //a kali b
        $("#harga_total").val(c);
    }    
function isNumberKey(evt)
    {
        var charCode = (evt.which) ? evt.which : event.keyCode;
        if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57))
            return false;
            return true;      
    }
</script>
</head>
<body>
<div class="container">
<div class="row clearfix">
    <div class="col-md-6 pull-left kiri">
        <h1>CiptaJaya ComCell</h1>
        <h4>Lampung Smartphones Center</h4>
        <h5>0256-9076-7766</h5>
    </div>
    
    <div class="col-md-6 pull-right">
    </div>
</div>
<div class="row clearfix">
<h1 class="text-center">Tambah Pembelian</h1>
<form class="form-horizontal" role="form" action="<?php echo base_url()?>admin/pembelian/addProductDb" method="post" enctype="multipart/form-data">
<div class="form-group">
      <label for="lastname" class="col-sm-4 control-label">Kode Pembelian </label>
      <div class="col-sm-3">
          <input type="text" class="form-control"  name="kode_pembelian" required="" >
      </div>
      <?php echo form_error('kode_pembelian'); ?>
        

</div>
<div class="form-group">
      <label for="lastname" class="col-sm-4 control-label">Tanggal</label>
      <div class="col-sm-3">
          <input type="text" class="form-control"  name="tanggal" required="" >
      </div>
      <?php echo form_error('tanggal'); ?>
</div>

<div class="form-group">
      <label for="lastname" class="col-sm-4 control-label">Kode Kategori </label>
      <div class="col-sm-3">
          <input type="text" class="form-control"  name="kode_kategori" required="" >
      </div>
      <?php echo form_error('kode_kategori'); ?>
</div>

<div class="form-group">
      <label for="lastname" class="col-sm-4 control-label">Kode Suplier </label>
      <div class="col-sm-3">
          <input type="text" class="form-control"  name="kode_suplier" required="" >
      </div>
      <?php echo form_error('kode_suplier'); ?>
</div>
<div class="form-group">
      <label for="lastname" class="col-sm-4 control-label">Refrensi</label>
      <div class="col-sm-3">
          <input type="text" class="form-control"  name="refrensi" required="" >
      </div>
      <?php echo form_error('refrensi'); ?>
</div>
</form>
<div class="container">
    <div class="row clearfix">
    <div class="col-md-12 column">
      <table class="table table-bordered table-hover" id="tab_logic">
        <thead>
          <tr >
            <th class="text-center">
              #
            </th>
            <th class="text-center">
              Kode
            </th>
            <th class="text-center">
              Nama Barang
            </th>
            <th class="text-center">
             Stock
            </th>
            <th class="text-center">
              Jumlah
            </th>
             <th class="text-center">
              Harga
            </th>
            <th class="text-center">
              Total
            </th>
          </tr>
        </thead>
        <tbody>
          <tr id='addr0'>
            <td>
            1
            </td>
            <td>
            <input type="text"  id="kode_barang"    name='kode0'  class="form-control" placeholder="Masukkan Kode" onkeyup="get_b_name();get_stock();"/>
            </td>
            <td>
            <input type="text" id="nama_barang"   name='nama0'  placeholder='Nama Barang' class="form-control" readonly/>
            </td>
            <td>
            <input type="text" id="stock"  name='stock0' placeholder='Stock' class="form-control" readonly/>
            </td>
            <td>
            <input type="text"  id="jumlah"  onkeyup="hitung2();"  onkeypress="return isNumberKey(event)"  name='jumlah0' placeholder='Jumlah' class="form-control"/>
            </td>
             <td>
            <input type="text" id="harga"  onkeyup="hitung2();" onkeypress="return isNumberKey(event)"  name='harga0' placeholder='Harga' class="form-control"/>
            </td>
             <td>
            <input type="text" id="harga_total"  onkeyup="hitung2();"  onkeypress="return isNumberKey(event)"  name='total0' placeholder='Total' class="form-control" readonly/>
            </td>
          </tr>
                    <tr id='addr1'></tr>
        </tbody>
      </table>
    </div>
  </div>
  <a id="add_row" class="btn btn-default pull-left">Add Row</a><a id='delete_row' class="pull-right btn btn-default">Delete Row</a>
</div>
<div class="row clearfix">
        <div class="col-md-12 column">
            <p class="text-center">Copyright (c) 2014 - PT. JOGJA MEDIA
            <br>
Powerred by EARWORKS INDONESIA</p>
        </div>
    </div>
</div>
</body>
</html>

Thanks
Reply




Theme © iAndrew 2016 - Forum software by © MyBB