$(document).ready(function() {
$("#tambah").click(function() {
$("<tr>" + $("#barang").html() + "</tr>").insertBefore("#last");
$(".ganti").change(function() {
var ganti = $(this).val();
var gt = $(this);
$.ajax({
url: "proses/cek_barang.php",
data: "ganti=" + ganti,
success: function(data) {
datanya = data.split("|");
gt.parent().parent().find(".nama").val(datanya[0]);
}
});
});
})
});
saya pakai ajax+jquery utk tambah barang..
ini tabel barang
<table class="table table-bordered" style="margin-left: -10px; width: 100%;">
<thead>
<tr><th style="text-align: center;">No.</th>
<th style="text-align: center;">Kode Barang</th>
<th style="text-align: center;">Nama Barang</th>
<th style="text-align: center; ">Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td> //ini yg jd masalah...
<td><input type="text" class="ganti" name="id_barang[]" value="00000000" style="width: 140px;"></td>
<td><input type="text" class="nama" name="nama[]"></td>
<td style="text-align: center; "><a class="btn btn-success btn-small" href="javascript:;" id="tambah"><i class="icon-plus-sign icon-white"></i> Tambah</a></td>
</tr>
<tr id="barang" class="barang" style="display: none;">
<td>1</td> //ini yg jd masalah...
<td><input type="text" class="ganti" name="id_barang[]" value="00000000" style="width: 140px;"></td>
<td><input type="text" class="nama" name="nama[]"></td>
<td style="text-align: center; "><a class="btn btn-danger btn-small" href="javascript:;" onClick="javascript:$(this).parent().parent().remove()"><i class="icon-remove-sign icon-white"></i> Hapus</a></td>
</tr>
<tr id="last"></tr>
</tbody>
</table>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
