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