Problemer med dynamiske tilføjelser af rækker
Hej.Jeg har nedenstående script, og det virker fint nok med at at tilføje / fjerne rækker.
Udfordringen kommer i, at når der klikkes på subit, skal et script gå alle rækker igennem. Dette laves i asp, men jeg kan ikke finde ud af hvor mange rækker der er. Der er en Java Variabel "iteration", hvem hvordan får jeg den koncenteret til en asp variabel?
<%
i = 2
Antal = "Antal"&i
VareNummer = "VareNummer"&i
VareTekst = "VareTekst"&i
response.write "<br><br>Antal = " &request.form(Cstr(Antal))
response.write "<br>VareNummer = " &request.form(Cstr(VareNummer))
response.write "<br>VareTekst = " &request.form(Cstr(VareTekst))
%>
<html>
<head>
<title>Page Title</title>
<script language="Javascript" type="text/javascript">
function addRow()
{
var tbl = document.getElementById('Table');
var lastRow = tbl.rows.length;
var iteration = lastRow;
var row = tbl.insertRow(lastRow);
var cellLeft = row.insertCell(0);
// ANTAL
var Antal = document.createElement('input');
Antal.type = 'text';
Antal.name = 'Antal' + iteration;
Antal.id = 'Antal' + iteration;
Antal.size = 3;
Antal.value = '';
cellLeft.appendChild(Antal);
var cellRight = row.insertCell(1);
// VareNummer
var VareNummer = document.createElement('input');
VareNummer.type = 'text';
VareNummer.name = 'VareNummer' + iteration;
VareNummer.id = 'VareNummer' + iteration;
VareNummer.size = 7;
VareNummer.value = '';
cellRight.appendChild(VareNummer);
var cellRightSel = row.insertCell(2);
// VareTekst
var VareTekst = document.createElement('input');
VareTekst.type = 'text';
VareTekst.name = 'VareTekst' + iteration;
VareTekst.id = 'VareTekst' + iteration;
VareTekst.size = 40;
VareTekst.value = '';
cellRightSel.appendChild(VareTekst);
}
function removeRow()
{
var tbl = document.getElementById('Table');
var lastRow = tbl.rows.length;
if (lastRow > 2) tbl.deleteRow(lastRow - 1);
}
</script>
</head>
<body leftmargin="0" topmargin="0">
<form method="post">
<table align="center" width = "75%">
<tr>
<td align = "center">
</td>
</tr>
<tr>
<td align = "center">
<table border="1" id="Table">
<tr>
<td>Antal</td>
<td>VareNummer</td>
<td>VareTekst</td>
</tr>
<tr>
<td><input type="text" name="Antal1" id="Antal1" size="3"></td>
<td><input type="text" name="VareNummer1" id="VareNummer1" size="7"></td>
<td><input type="text" name="VareTekst1" id="VareTekst1" size="40"></td>
</tr>
</table>
<input type="button" value="Add" onclick="addRow();" />
<input type="button" value="Remove" onclick="removeRow();" />
<input type="submit" value="Submit" />
</td>
</tr>
</table>
</form>
</body>
</html>
