So I have this code for cloning fields from a form to add another selection below. This part is working fine. However I am unsure of when adding the new fields, that each new field has it's own unique attributes instead of the ones that were clones. I think this may be due to the (var num = $('.clonedInput').length) portion of the script but I am unsure. I want to clone a form and have the attributes to things such as boxes and radio buttons selected unique.
Code:<script type="text/javascript"> $(document).ready(function() { $('#btnAdd').click(function() { var num = $('.clonedInput').length; var newNum = new Number(num + 1); var newElem = $('#input' + num).clone().attr('', 'input' + newNum); newElem.children(':first').attr('', 'name' + newNum).attr('name', 'name' + newNum); $('#input' + num).after(newElem); newElem.find('input,textarea').val(''); $('#btnDel').attr('disabled',''); }); $('#btnDel').click(function() { var num = $('.clonedInput').length; $('#input' + num).remove(); $('#btnAdd').attr('disabled',''); if (num-1 == 1) $('#btnDel').attr('disabled','disabled'); }); $('#btnDel').attr('disabled','disabled'); });


Reply With Quote
Bookmarks