Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<title>Sandbox</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
body { background-color: #000; font: 16px Helvetica, Arial; color: #fff; }
</style>
</head>
<body>
  <p>Hello from JS Bin</p>
  <p id="hello"></p>
  
  <form method="post" action="http://147.234.229.223/DummyServer/Dummy.ashx">
    <input id="id_mypost_set-TOTAL_FORMS" value="1" />
  
    <div class='table'>
      <div class='no_error' border="1">
        <input id="id_mypost_set-0-title" type="text" name="mypost_set-0-title" />
        <input id="id_mypost_set-0-content" type="text" name="mypost_set-0-content" />
        <select id="id_mypost_set-0-codes" name="mypost_set-0-codes" ></select>
      </div>
    </div>
    <input type="button" value="Add Other" id="add_more">
    <script>
        $('#add_more').click(function() {
            cloneMore('div.table', 'mypost_set');
         });
         
         $(function(){
           $('input:text').live('click',function(){alert(this.name);});
         });
    </script>
    
    <input type='submit' value="Send" />
    
</form>
​
  
</body>
</html>
 
function cloneMore(selector, type) {
    var last = $(selector);
    last=last.eq(last.length-1);
    var newElement = last.clone(true);
    //last.after(newElement);
    var total = $('#id_' + type + '-TOTAL_FORMS').val();
    newElement.find(':input').each(function() {
        alert(this.name);
        var name = $(this).attr('name').replace(/-\d+-/,'-' + total + '-');
        alert(name);
        var id = 'id_' + name;
        $(this).attr({'name': name, 'id': id})
        //.val('')
        .removeAttr('checked');
        console.log(id, name);
    });
    newElement.find('label').each(function() {
        var newFor = $(this).attr('for').replace('-' + (total-1) + '-','-' + total + '-');
        $(this).attr('for', newFor);
    });
    total++;
    $('#id_' + type + '-TOTAL_FORMS').val(total);
    
 }
​
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers