Question

If I have a bunch of numbered fields in a web form, like an invoice:

< input type="text" name="Item1" /><input type="text" name="Desc1" /><br />
< input type="text" name="Item2" /><input type="text" name="Desc2" /><br />
< input type="text" name="Item3" /><input type="text" name="Desc3" /><br />

Using JQuery, how would I select the first, then reference the second from the first?

I have something like $("input[id^='Item']"), which selects each Item pretty well, but from each of these I need to reference the corresponding Desc and fill it with a result.

Say for instance the user types something in Item1 and onBlur I want to copy the content to the corresponding Desc.

Thanks

Answer 1

This could be a possible solution:

$("input[name^=Item]").blur(function() { 
   var n = $(this).attr("name").match(/\d+/);

   $("input[name=Desc" + n + "]").val($(this).val());
});