This is the sort of situation where a demo page would really help. Can you put any of this on a public server?
Blair On 12/21/06, Andy Matthews <[EMAIL PROTECTED]> wrote:
I'm working with recipes and I want to use some jQuery goodness to clone a DOM construct that will contain a few form fields so that adding ingredients is easy, and fun. I thought that it would be pretty easy to code but it's giving me some trouble and I wanted to see if you guys could help me out. My HTML: <ol id="ingList"> <li class="ingredient"><input type="text" name="ing_01"><input type="button" class="addIng" value="+"></li> </ol> Here's the jQ code I have thus far: $(document).ready( function(){ $('#ingList .ingredient .addIng').click( function() { $('#ingList .ingredient').clone().appendTo('#ingList:last-child'); }); }); The goal is that the user would fill the first field then click the "+" button. Then the following would occur: 1) Clone current LI tag 2) Append it to itself. 3) Clear the value from the form field 4) Increment the name value of the form element, ing_01, ing_02, etc. 5) Lastly, remove the plus button from the elemet just previous to the new one. I'm working with various jQ methods but I can't seem to get this working. Does anyone have input on this? <!----------------//------ andy matthews web developer certified advanced coldfusion programmer ICGLink, Inc. [EMAIL PROTECTED] 615.370.1530 x737 --------------//---------> _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
_______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/