0

我有一个 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>

我用它来复制这个div：

function add() {
    var item = $('#cdefault').clone();
    item.attr({'style': ''});
    $('#ccontainer').append(item);
}

一切正常，但我的问题是现在输入（gtitle 和 gmessage）共享相同的名称并且不会正确发布。克隆后有什么方法可以添加该名称吗？或任何解决这个问题的方法？

4

1 回答 1

0

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

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;
}
于 2013-06-18T09:02:39.603 回答