rendered paste body<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Элементы сделок</title>
</head>
<body>
<script type="text/javascript">
var c = 0;
function removeLine(q)
{
table = document.getElementById('db');
tr = document.getElementById('count' + q);
table.tBodies[0].removeChild(tr);
return false;
}
function addLine()
{
c++;
table = document.getElementById('db');
/* creating tr */
newRow = document.createElement("tr");
newRow.id = 'data' + c;
/* creating td with input for nomerSD */
newColumnnomerSD = document.createElement("td");
/* creating input */
newnomerSDField = document.createElement("input");
newnomerSDField.name = 'nomerSD[' + c +']';
/* append input to td */
newColumnnomerSD.appendChild(newnomerSDField);
/* append td with input to tr */
newRow.appendChild(newColumnnomerSD);
/* creating td with input for nomerZC */
newColumnnomerZC = document.createElement("td");
/* creating input */
newnomerZCField = document.createElement("input");
newnomerZCField.name = 'nomerZC[' + c +']';
/* append input to td */
newColumnnomerZC.appendChild(newnomerZCField);
/* append td with input to tr */
newRow.appendChild(newColumnnomerZC);
/* creating td with input for count */
newColumncount = document.createElement("td");
/* creating input */
newcountField = document.createElement("input");
newcountField.name = 'count[' + c +']';
/* append input to td */
newColumncount.appendChild(newcountField);
/* append td with input to tr */
newRow.appendChild(newColumncount);
/* creating td with input for sum */
newColumnsum = document.createElement("td");
/* creating input */
newsumField = document.createElement("input");
newsumField.name = 'sum[' + c +']';
/* append input to td */
newColumnsum.appendChild(newsumField);
/* append td with input to tr */
newRow.appendChild(newColumnsum);
/* creating td with link */
newColumnLink = document.createElement("td");
/* creating link */
deleteLink = document.createElement("a");
deleteLink.innerHTML = "delete";
deleteLink.href = "#";
deleteLink.num = c;
deleteLink.onclick = function(){
return removeLine(this.num);
}
/* append link to td */
newColumnLink.appendChild(deleteLink);
/* append td with link to tr */
newRow.appendChild(newColumnLink);
/* append tr to table */
table.tBodies[0].appendChild(newRow);
return false;
}
</script>
<!-- <c:out value="${attrexec[0]}, Hello!"/> -->
<FORM ACTION="cgi-bin/example.pl" method="post">
<table border="1" cellpadding="5" cellspacing="0" width="100%" id="db">
<caption>элементы сделок</caption>
<tr>
<td width="20%" align="center">НомерСД </td>
<td width="20%" align="center">НомерЗЧ </td>
<td width="20%" align="center">Кол-во </td>
<td width="20%" align="center">Сумма </td>
<td width="20%" align="center"><a href="#" onclick="return addLine();">добавить</a> </td>
</tr>
<tr id = "data0">
<td width="25%" align="center"><INPUT TYPE="text" NAME="nomerSD[0]" SIZE="10" MAXLENGTH="120" value="${attrexec[0]}"> </td>
<td width="25%" align="center"><INPUT TYPE="text" NAME="nomerZC[0]" SIZE="10" MAXLENGTH="120" value="${attrexec[1]}"> </td>
<td width="25%" align="center"><INPUT TYPE="text" NAME="count[0]" SIZE="10" MAXLENGTH="120" value="${attrexec[2]}"> </td>
<td width="25%" align="center"><INPUT TYPE="text" NAME="sum[0]" SIZE="10" MAXLENGTH="120" value="${attrexec[3]}"> </td>
<td valign="top"> <a href="#" onclick="return removeLine(0); ">удалить </td>
</tr>
</table>
<br>
<table>
<tr>
<td><a href="#" onclick="return addline();">сохранить</a>
</td>
<td><a href="#" onclick="return addline();">обновить</a>
</td>
</tr>
</table>
</FORM>
</body>
</html>