[jQuery] Re: update input name

[Sam Collett]

On Jun 6, 8:50 am, oscar esp <[EMAIL PROTECTED]> wrote:
> Thnaks... I have tryed:
>
> jQuery("#"+inputID,addedItem).attr("id",newInputID);
> content1= jQuery("#"+newInputID,addedItem)[0].outerHTML
> content1=content1.replace(inputID,newInputID)
> jQuery("#"+newInputID,addedItem)[0].outerHTML = content1
>
> But any result....
>
> My use case:
> I have a div with inputs , I need to clone it , change all the id/
> names and then insertAfert another div.
> Seems that there are not way to change the name.
>
> Another suggestion?

I tried this and it seems to work fine for me (although not done any
real in-depth testing(with different types of input etc) ):

In $(document).ready

var toclone = $("div.toclone");
var cloned = toclone.clone().each(
  function()
  {
    // update input names
    $(":input", this).each(
      function()
      {
        this.name = this.name + "1";
        this.id = this.id + "1";
      }
    )
  }
).insertAfter("div.afterme");


HTML:

<div class="toclone">
  Foo: <input name="foo" id="foo" />
  Bar: <input name="bar" id="bar" />
</div>
<div class="afterme">Clone after this</div>