以下は私のプロジェクト(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"/>
<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>
問題は、[追加]ボタンを押したときに動的に新しい行(前の行と同じ)を追加したいということです。私はこの方法でそれを行おうとしますが、うまく機能しないようです。間違った形式で表示されます。
function createInputTexts() {
var trOrigin = $("#printsizescroll");
var trClone = trOrigin.clone(true);
var target = $("#printTbl tr:last-child").prev();
trClone.appendTo(target);
}