Advertisement
H4nk

jquery_append

Sep 21st, 2012
58
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script> $(document).ready(function() {
  2.             var count = 0;
  3.  
  4.             $("#add_btn").click(function(){
  5.                     count += 1;
  6.                 $('#container').append(
  7.                              '<tr class="records">'
  8.                          + '<td ><div id="'+count+'">' + count + '</div></td>'
  9.                          + '<td><input id="nim_' + count + '" name="nim_' + count + '" type="text"></td>'
  10.                          + '<td><input id="nama_depan_' + count + '" name="nama_depan_' + count + '" type="text"></td>'
  11.                          + '<td><input id="nama_belakang_' + count + '" name="nama_belakang_' + count + '" type="text"></td>'
  12.                          + '<td><a class="remove_item" href="#" >Hapus</a>'
  13.                          + '<input id="rows_' + count + '" name="rows[]" value="'+ count +'" type="hidden"></td></tr>'
  14.                     );
  15.                 });
  16.  
  17.                 $(".remove_item").live('click', function (ev) {
  18.                 if (ev.type == 'click') {
  19.                 $(this).parents(".records").fadeOut();
  20.                         $(this).parents(".records").remove();
  21.             }
  22.             });
  23.         });
  24. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement