Javascript 表单输入上的名称重复

我有一个div，其中包含来自表单的一些输入：

<div class="guides_chapters_container" id="cdefault" style="">
                <div class="guides_chapters_ctitle">
                <input class="guides_chapters_input" name="gtitle" type="text" value="">
                    <div class="guides_chapters_upguide" onclick="javascript: guide_cmoveup(event);"></div>
                    <div class="guides_chapters_downguide" onclick="javascript: guide_cmovedown(event);"></div>
                    <div class="guides_chapters_deleteguide" onclick="javascript: guide_cdelete(event);"></div>
                </div>
                <div class="guides_chapters_bar">
                    <center>
                    <div class="guides_chapters_button" style="font-weight:bold;" onclick="surround('[b]', '[/b]');">B</div>
                    <div class="guides_chapters_button" style="font-style:italic;" onclick="surround('[i]', '[/i]');">i</div>
                    <div class="guides_chapters_button" style="text-decoration: underline;" onclick="surround('[u]', '[/u]');">u</div>
                    <div class="guides_chapters_button" onclick="surround('[title]', '[/title]');">Título</div>
                    <div class="guides_chapters_button" onclick="surround('[center]', '[/center]');">Centrar</div>
                    <div class="guides_chapters_button" onclick="showdiv('guideimages'); ">Image</div>
                    <div class="guides_chapters_button" onclick="javascript: guide_bimages(event);">Big Image</div>
                    <div class="clear"></div>
                    </center>
                </div>
                <textarea class="guides_chapters_textarea" id="textarea" name="gmessage" rows="7" cols="25"></textarea>
            </div>
          </div>

---

一切正常，但我的问题是，现在输入（gtitle和gmessage）共享相同的名称，无法正确发布。有没有办法在我克隆后添加该名称？或者解决这个问题的方法？

基本上，原始元素和克隆元素的名称相同。尝试更改克隆的元素名称

function add() {
   var item = $('#cdefault').clone();
   item.attr({'style': ''});
   $('#ccontainer').append(item);
   $('#ccontainer input[name="gtitle"]').attr('name', 'gtitle');
   $('#ccontainer textarea[name="gmessage"]').attr('name', 'gmessage');
}

希望这就是你想要的

每次调用函数时都进行递增

var x=1;
function add() {
   var item = $('#cdefault').clone();
   item.attr({'style': ''});
   $('#ccontainer').append(item);
   $('#ccontainer input[name="gtitle"]').attr('name', 'gtitle'+x);
   $('#ccontainer textarea[name="gmessage"]').attr('name', 'gmessage'+x);
   x+=1;
}           

---

容器“ccontainer”在哪里，方法“add（）”的调用在哪里？您也需要解析页面中的重复ID。这不是问题。我在一个按钮中调用add方法，效果很好。我的问题是输入表单的解决方法。有人说我应该在之后将gmessage和gtittle重命名为[]。但是如何在岗位上工作呢？我可以用增量吗？因此每次调用add时，gtitle和gmessage都会增加？

code

$（'cdefault input[id=“gtitle1”]”）。attr（'name'，$xpto）$（“#cdefault textarea[id=“gmessage1”]”）attr（'name'，$xpto2）；

$（'#cdefault input[name=“$xpto”]”）。attr（'id'，$xpto）$（“#cdefault textarea[name=“$xpto2”]”）attr（'id'，$xpto2）

code`如果你能解决这个问题，我就完成了：PCheck out我添加了新的递增函数。希望这就是您想要的。有没有办法将此处的“#ccontainer input[name=“gtitle”]”更改为变量？我想要这样的内容：$（“#cdefault input[id=“gtitle1”]”）attr（'name'，xpto）$（“#cdefault textarea[id=“gmessage1”]”）attr（'name'，xpto2）；$（'#cdefault input[name='+xpto+']'）.attr（'id'，xpto）$（'#cdefault textarea[name='+xpto2+']）.attr（'id'，xpto2）；

var x=1;
function add() {
   var item = $('#cdefault').clone();
   item.attr({'style': ''});
   $('#ccontainer').append(item);
   $('#ccontainer input[name="gtitle"]').attr('name', 'gtitle'+x);
   $('#ccontainer textarea[name="gmessage"]').attr('name', 'gmessage'+x);
   x+=1;
}