例子1：(具體參照drp中的flow_card_add.jsp)
<script>
var rowIndex = 0;
function addOneLineOnClick() {
var row=tblFlowCardDetail.insertRow(tblFlowCardDetail.rows.length);
var col = row.insertCell(0);
col.innerHTML = "<input type=\"hidden\" name=\"aimInnerId\" id=\"aimInnerId\"><input type=button value =... name=btnSelectAimClient index=\""+ rowIndex +"\" >";
col = row.insertCell(1);
col.innerHTML = "<input id=aimName name=aimName size=25 maxlength=25 readonly=\"true\">";
col = row.insertCell(2);
col.innerHTML = "<input type='button' value='刪除' id=btnDeleteLine name=btnDeleteLine onclick=\"return DeleteRow('row" + rowIndex + "')\">";
row.setAttribute("id", "row" + rowIndex);
rowIndex++;
}
function DeleteRow(rowTag){
var i = tblFlowCardDetail.rows(rowTag).rowIndex;
var j;
for(j=i;j<=rowIndex;j++) {
tblFlowCardDetail.rows(j).cells(0).all("btnSelectAimClient").index--;
tblFlowCardDetail.rows(j).cells(2).all("btnSelectItem").index--;
}
tblFlowCardDetail.deleteRow(i);
rowIndex--;
}
</script>
<body>
<table>
<tr>
<td>cell0</td>
<td>cell1</td>
<td>cell2</td>
</tr>
</table>
<input name="btnAddLine" type="button" id="btnAddLine" onClick="return addOneLineOnClick()" value="加入一行">
</body>
例子2：
<body>
<form action="<%=path %>/news.do?method=add" method="post" enctype="multipart/form-data">
<input type="hidden" name="id" value="${news.id }">
<table width="90%" border="0" align="left" cellpadding="0" cellspacing="1" class="newTable">
<tr>
<td class="newTd">新聞標題</td>
<td class="newTd"><input type="text" name="title" size="30"></td>
</tr>
<tr>
<td class="newTd">新聞副標題</td>
<td class="newTd"><input type="text" name="subTitle" size="30"></td>
</tr>
<tr>
<td class="newTd">新聞內容</td>
<td class="newTd"><textarea class="ckeditor" name="content"></textarea></td>
</tr>
<tr>
<td class="newTd">新聞圖片</td>
<td class="newTd" id="more"><input type="file" name="uploadFile[0].file" size="30"><input type="button" onclick="addFile();" value="增加"></td>
</tr>
<tr>
<td class="newTd">新聞所屬板塊</td>
<td class="newTd">
<select id="modelSelect" name="modelId">
</select>
</td>
</tr>
<tr>
<td align="center" colspan="2">
<input type="submit" value="儲存">
<input type="reset" value="重設">
</td>
</tr>
</table>
</form>
<script type="text/javascript">
var t = 1;
function addFile()
{
var parent = document.getElementById("more");
var br = document.createElement("br");
var input = document.createElement("input");
var button = document.createElement("input");
input.type = "file";
input.name = "uploadFile[" + (t++) + "].file";
input.size = "30";
button.type = "button";
button.value = "刪除";
button.onclick = function()
{
parent.removeChild(br);
parent.removeChild(input);
parent.removeChild(button);
};
parent.appendChild(br);
parent.appendChild(input);
parent.appendChild(button);
}
</script>
</body>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
