| permisi mas/mbak numpang tanya.. saya punya kasus.. saya mempunyai sebuah form tambah barang secara dinamis..
yg saya ingin tanyakan bagaimana membuat nomor secara urut ketika di klik.. contoh :
No. | Nama | Action 1 | Reza | [tambah] 2 | XXX | [hapus]
ketika di klik tambah otomatis No akan bertambah.. 1,2,3,....dst
yang utk tombol tambah dan hapus sudah bisa, yg belum itu no |
|
| no script hoax, share u'r script here gan ^_^V |
|
| wkwkw |
|
| NO SCRIPT = HOAX |
|
| $(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> |
|
| d view.php nya pke pas d while bikin aray untuk nomor.a ! |
|
| [oot] secara javascript (dlm hal ini jquery) bisa gunakan satu variabel global (js) untuk nomornya, buat input type='text' dengan attribut disabled='disabled' dan nama='no[]' yang value-nya ngambil dari increment dari variabel global yang dibuat(diincrement saat tombol 'tambah' ditekan) .. mangap ane gak jago koding jadi koming aja ^_^V |
|
| coba gunakan jquery utk membaca isi kolom nomor pd tr terakhir
$("namatabel tbody tr:last td:eq(0)").text();
dgn ini bisa didapat no terakhr sblm input data baru |
|
| tapi perlu diingat, mungkin perlu diganti mekanisme penambahan elementnya.. tidak dengan $("<tr>" + $("#barang").html() + "</tr>").insertBefore("#last");
mungkin dengan append() atau setidaknya digenerate dulu element2 yang mo ditambahkan agar nomornya terupdate dulu, baru dilakukan proses penambahan element di tag table-nya cmiiw ^_^V |
|
| Kemaren saya sempat bikin fiddlenya ini hehe
http://jsfiddle.net/willypt/J5YPr/8
perhatikan cara numbering saya hehe... maaf masih nubi :v
edit: sori,. tadi salah kasi revision :3 |
Tidak ada komentar:
Posting Komentar