Dynamisk tilføje flere input felter til form
Skal have det sådan at når man trykker på knappen "Flere ingredienser" så tilføjes der en input-boks under de øvrige bokse som indeholder ingredienser. Denne boks skal have navnet oing[x] hvor x er næste tal i rækkefølgen, så det kommer til at fungere som en slag array...Den funktion jeg har fundet i et andet spørgsmål her på eksperten virker bare ikke... Nogen der kan hjlæpe mig ?
<html>
<head>
<title></title>
<link rel="stylesheet" href="css/iframe.css" type="text/css">
<script type="text/javascript">
function flereing(nr) {
var n = nr;
if (n == 5) {
n = 5;
} else {
n = n;
}
frm = document.forms[0];
e = document.createElement("INPUT");
e.type = "text";
//e.class = "opskrift";
e.name = "oing["+n+"]";
frm.insertBefore(e,frm.elements[frm.length-1]);
n++;
}
</script>
</head>
<body>
<form>
<table>
<tr><td valign="top">
<p>Opskrifts navn:</p>
</td><td valign="top">
<input type="text" name="onavn" width="25" class="opskrift">
</td></tr>
<tr><td valign="top">
<p>Ingredienser:</p>
</td><td>
<input type="button" name="bottun" value="Flere ingredienser" class="opskrift" onClick="flereing(5);">
</td></tr>
<?
$i=0;
while ($i <= 4) {
echo "<tr><td align=\"right\"><p>".($i+1).".</p></td><td valign=\"top\">
<input type=\"text\" name=\"oing[1]\" width=\"25\" class=\"opskrift\">
</td></tr>";
$i++;
}
?>
<tr><td valign="top">
<p>Fremgangsmåde:</p>
</td><td>
<input type="submit" name="submit" value="Flere muligheder" class="opskrift" onClick="flerefrem();">
</td></tr>
<?
$i=0;
while ($i <= 4) {
echo "<tr><td align=\"right\"><p>".($i+1).".</p></td><td valign=\"top\">
<input type=\"text\" name=\"ofrem[1]\" width=\"25\" class=\"opskrift\">
</td></tr>";
$i++;
}
?>
</table>
</form>
</body>
</html>
