Question

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

<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>这样的东西，但我不知道在onClick中要播放什么....我知道它看起来很愚蠢但我真的可以使用一些帮助

Answer 1

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

Answer 2

如果我理解正确，你就需要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。代码周围应该有一个 form 标记，因为它实际上是一个表单，但似乎JSFiddle不喜欢在它的应用程序中使用表单。此 div 元素将使用 .clone（）进行克隆，并在按钮时为 .attr（）提供唯一属性单击。

#delete 会删除ID为 parent _ 的文档中的最后一个克隆元素。

当您发布内容时，请确保将所有内容粘贴到问题中。

需要重复代码

2 个答案: