Advertisement
Guest User

javascript clone

a guest
Apr 10th, 2013
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 0.96 KB | None | 0 0
  1.  
  2. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" ></script>
  3. <script type="text/javascript" src="http://www.andresvidal.com/labs/jquery/relCopy.jquery.js" ></script>
  4. <script type="text/javascript">
  5.  
  6. $(function(){
  7.   var removeLink = '<a class="remove" href="#" onclick="$(this).parent().slideUp(function(){ $(this).remove() }); return false">Delete</a><br><br>';
  8. $('a.add').relCopy({ append: removeLink});  
  9. });
  10.  
  11. function sync()
  12. {
  13.   var test = document.getElementById('test'); // auto increase child id when add more
  14.   var copytest = document.getElementById('copytest'); // auto increase child id when add more
  15.   copytest.value = test.value;
  16.  
  17.  
  18. }
  19.  
  20.  
  21. </script>
  22.  
  23. <span class="clone">
  24. <input type="text"  name="test[]" id="test" onkeyup="sync()"> <br>
  25. <input type="text" name="copytest[]" id="copytest" disabled/> <br>
  26.  
  27.  
  28.  
  29.  </span>
  30.  
  31.  
  32.  
  33.  <a href="#" class="add" rel=".clone"> <strong>Add More</strong></a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement