需要复制代码

Need to duplicate code

本文关键字：代码 复制      更新时间：2023-09-26

伙计们，我有一个输出文本框的代码，信息将被保存。

<tbody id="1111111">
    <tr>
    <td class="ObjektiivneLeid">The function</td>
    <td class="Hinnang">
    <input class="Hinnang_Valimata" type="radio" name="1111111_Hinnang" value="Valimata" id="1111111_Hinnang_Valimata" />Valimata
    <input class="Hinnang_norm" type="radio" name="1111111_Hinnang" id="364644000_Hinnang_NORM" value="NORM" />NORM
    <input class="Hinnang_pat checkbox_idParent" type="radio" name="1111111_Hinnang" id="1111111_Hinnang_Patoloogia" value="Patoloogia"/>Leid</td>
    <td class="Patoloogia">kuupäev
    <input id="1111111_otherInfo_kuupaev" name="1111111_otherInfo_kuupaev" type="text" value="" class="Patoloogia_text" onFocus="gnlGotFocus(getCurrentDate(),this);"
             onKeyDown="javascript:gnlKeyDown('00.00.0000',this,event);" maxlength='10'
             onblur="javascript:gnlDateValid(this,event,false);"/></td>
</tr>
<tr>
<td class="title_sub Patoloogia">sight</td>
<td class="Patoloogia"><input id="1111111_otherInfo_sight" name="1111111_otherInfo_sight" type="text" value="" class="Patoloogia_text"></td>
</tr>
<tr>
<td class="title_sub Patoloogia">hearing</td>
<td class="Patoloogia"><input id="364644000_otherInfo_hearing" name="364644000_otherInfo_hearing" type="text" value="" class="Patoloogia_text"></td>
<td class="title_sub Patoloogia">speech</td>
<td class="Patoloogia"><input id="1111111_otherInfo_speech" name="1111111_otherInfo_speech" type="text" value="" class="Patoloogia_text"></td>
</tr>
<tr>
<td class="title_sub Patoloogia">mobility</td>
<td class="Patoloogia"><input id="1111111_otherInfo_mobility" name="1111111_otherInfo_mobility" type="text" value="" class="Patoloogia_text"></td>
<td class="title_sub Patoloogia">movement</td>
<td class="Patoloogia"><input id="1111111_otherInfo_movement" name="1111111_otherInfo_movement" type="text" value="" class="Patoloogia_text"></td>
</tr>`
所以

这是给我框填写的代码，我需要为该代码创建一个添加系统，所以当我按下即"+"时，它会复制代码，我有新的字段要填写和保存。如果需要，我还需要和"x"按钮来擦除新字段。任何建议我将如何去做（我希望我的解释不会令人困惑）我需要类似<tr><td colspan="4"><img src="./images/addButton.gif" alt="Add" border="0" onclick="" class="button" /></td></tr>的东西，但我不知道在点击中要布什么......我知道这看起来很愚蠢，但我真的可以使用一些帮助

如果我理解正确，您将需要JQuery。寻找这样的东西？

$(document).ready(function() {
    var dupe = $('#parent_0').clone();
    var id = 1;
    $(document).on('click', '#plus', function() {
        id++;
        var newForm = $(dupe).clone().attr('id', 'parent_'+id);
        $('body').append(newForm);
    });
   $(document).on('click', '#delete', function() {
       id--;
       $('[id^="parent_"]:last').remove();
   });
});

我已经基于您的代码制作了一个JSFiddle供您查看。

出于演示目的，使用了div。你的代码周围应该有一个表单标签，因为它实际上是一个表单，但似乎JSFiddle不喜欢在其应用程序中使用表单。这个 div 元素将使用 .clone（） 克隆，并在单击按钮 #plus 时使用 .attr（） 赋予唯一属性。

#delete 删除文档中 ID 以 parent_ 开头的最后一个克隆元素。

当你发布内容时，请确保将整个内容粘贴到问题中。

在包含文本框的父对象上使用 appendChild（n） 和 removeChild（n）。

相关文章：