Guest User

Untitled

a guest
Jul 15th, 2018
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.12 KB | None | 0 0
  1. $(document).ready(function(){
  2. $('#addRow').live('click', function() {
  3. $('.leaderrow').clone().appendTo('#entries');
  4. });
  5. })
  6.  
  7. <table width="100%" border="0" class="unsorted_table">
  8. <thead>
  9. <tr>
  10. <th>Name*</th>
  11. <th>Action</th>
  12. </tr>
  13. </thead>
  14. <tbody id="entries">
  15. <tr>
  16. <td>User's own name</td>
  17. <td>&nbsp;</td>
  18. </tr>
  19. <tr class="leaderrow">
  20. <td><select name="leaderid[]" >
  21. <option value="3">Sue</option>
  22. <option value="4">Jeannie</option>
  23. <option value="5">Kerry</option>
  24. <option value="6">Travis</option>
  25. </select>
  26. </td>
  27. <td><a href="" name="delete_row[]" class="remove">remove</a></td>
  28. </tr>
  29. </tbody>
  30. <tfoot>
  31. <tr>
  32. <td><p><input type="button" id="addRow" value="Add Another" /></p></td>
  33. </tr>
  34. </tfoot>
  35. </table>
  36.  
  37. var tmpl = $(this).closest('table').find('.leaderrow.template');
  38. tmpl.clone().removeClass('template').insertBefore(tmpl);
  39. // and use CSS:
  40. // .leaderrow.template { display: none; }
Add Comment
Please, Sign In to add comment