Question

以下是我项目中的一些代码（在sys_Params.aspx文件中）：

 <tr class="TR_BG_list" id="printsizescroll" style="display:none">
<td align="right" class="list_link" style="width: 214px">
    Resize the picture：
</td>
<td align="left" class="list_link">

            Description:
<asp:TextBox ID="PrintSizeDec" runat="server" CssClass="form"  style="width: 106px"/>
            width|height:
<asp:TextBox ID="PrintSmallSize" runat="server" CssClass="form"  style="width: 50px"/>
    &nbsp;
     <label>
<input type="button" name="PintSizeAddClick" value="Add" class="form" id="ButtonAdd" style="width: 44px" onclick="createInputTexts(this)" />
</label>
<span class="helpstyle" style="cursor: help;" title="click for some help" onclick="Help('H_WaterParam_0008',this)">Help</span>
</td>

问题是当我按下[add]按钮时，我想动态地添加一个新行（与上一行相同）。我尝试以这种方式做到这一点，但似乎不能正常工作，它以错误的格式呈现：

function createInputTexts() {             
    var trOrigin = $("#printsizescroll");
    var trClone = trOrigin.clone(true);
    var target = $("#printTbl tr:last-child").prev();
    trClone.appendTo(target);
}

Answer 1

function createInputTexts() {             
    var trOrigin = $("#printsizescroll");
    var trClone = trOrigin.clone(true);
    var target = $("#printTbl tr").append(trClone);
}

OR

function createInputTexts() {             
    var trOrigin = $("#printsizescroll");
    var trClone = trOrigin.clone(true);
    var target = $("#printTbl tr:last-child").prev();
    trClone.css('display', '');
    // Here you can also set new ID.
    target.after(trClone);
}

这应该可以正常工作。您正在以错误的方式追加该行。

如何动态地将新行添加到我的html表中？

1 个答案: