Thanks oly.yates, your code is a good start. I'll give it a try and post my results.
Soon. On 14 Mag, 08:51, "oly.yates" <oly.ya...@googlemail.com> wrote: > Have you tried using the .attr() or .val() functions to modify the > value of the cloned node? > var node = $("some node").clone(true).val("some value"); > var node = $("some node").clone(true).attr("some attr", "some value"); > > On 14 May, 00:13, rmfjcr <rmf...@gmail.com> wrote: > > > Hi everybody. > > I've got a form where users can insert ingredients (name, quantity) > > for recipes. as they need more couples to store all the ingredients, > > they use the "add ingredient" link to obtain another couple of input > > fields. Here comes the problem: I need to increment the value of the > > hidden input field which precedes the two visible input fields. > > I kwon there is a clone function in jquery but it makes the exact > > copy. How can I use clone and modify the given html? > > Here's the code: > > Starting form... > > > <form action="insertIngredients.php" method="post"> > > <!-- first ingredient --> > > <input type="hidden" name="ingr_num[]" value="1" /> > > <label for="ingr_name">Name</label><br /> > > <input type="text" name="ingr_name[]" /><br /> > > > <label for="ingr_qty">Qty</label><br /> > > <input type="text" name="ingr_qty[]" /><br /> > > > <input class="submit" type="submit" value="Insert > > Ingredients" /> > > </form> > > > I want to obtain this... > > > <form action="insertIngredients.php" method="post"> > > <!-- first ingredient --> > > <input type="hidden" name="ingr_num[]" value="1" /> > > > <label for="ingr_name">Name</label><br /> > > <input type="text" name="ingr_name[]" /><br /> > > > <label for="ingr_qty">Qty</label><br /> > > <input type="text" name="ingr_qty[]" /><br /> > > > <!-- second ingredient --> > > <input type="hidden" name="ingr_num[]" value="2" /> > > > <label for="ingr_name">Name</label><br /> > > <input type="text" name="ingr_name[]" /><br /> > > > <label for="ingr_qty">Qty</label><br /> > > <input type="text" name="ingr_qty[]" /><br /> > > > <!-- third ingredient --> > > <input type="hidden" name="ingr_num[]" value="3" /> > > > <label for="ingr_name">Name</label><br /> > > <input type="text" name="ingr_name[]" /><br /> > > > <label for="ingr_qty">Qty</label><br /> > > <input type="text" name="ingr_qty[]" /><br /> > > > <input class="submit" type="submit" value="Insert > > Ingredients" /> > > </form> > > > Any suggestion would be appreciated. > > Thanks.