-2

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

<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>`

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

4

2 回答 2

0

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

于 2013-11-07T10:41:58.040 回答
0

如果我理解正确，您将需要 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_开头的最后一个克隆元素。

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

于 2013-11-07T13:58:39.490 回答