effe snel gevonde via google.
<html>
<head>
<title></title>
<script language="javascript">
fields = 0;
function addInput() {
if (fields != 10) {
document.getElementById('text').innerHTML += "<input type='file' value='' /><br />";
fields += 1;
} else {
document.getElementById('text').innerHTML += "<br />Only 10 upload fields allowed.";
document.form.add.disabled=true;
}
}
</script>
</head>
<body>
<form name="form">
<input type="button" onclick="addInput()" name="add" value="Add input field" />
<div id="text"></div>
</form>
</body>
</html>
Link gekopieerd
Ik heb het toegepast nu krijg ik dit
Voorbeeld
<html>
<head>
<title>Price check</title>
<script language="javascript">
function addInput() {
document.getElementById('addbox').innerHTML += '<tr><td><input type="text" name="amount[]" /></td><td><input type="text" name="id[]" /></td></tr>';
}
</script>
</head>
<body>
<form id="pricecheckform" name="pricecheckform" method="post" action="<?php echo $_SERVER['PHP_SELF'];?>">
<table width="75%"border="0">
<tr>
<td>Amount</td>
<td>Id</td>
</tr>
<tr id="addbox">
<td><input type="text" name="amount[]" /></td>
<td><input type="text" name="id[]" /></td>
</tr>
<tr>
<td></td>
<td><input name="calc" type="submit" value="Calculate" /></td>
</tr>
</table>
</form>
<input type="button" onclick="addInput()" name="add" value="Add input field" />
</body>
</html>
Link gekopieerd
Heb hem effe aan gepast.
<html>
<head>
<title>Price check</title>
<script language="javascript">
function addInput() {
document.getElementById('addbox1').innerHTML += '<br /><input type="text" name="amount[]" />';
document.getElementById('addbox2').innerHTML += '<br /><input type="text" name="id[]" />';
}
</script>
</head>
<body>
<form id="pricecheckform" name="pricecheckform" method="post" action="<?php echo $_SERVER['PHP_SELF'];?>">
<table width="75%"border="0">
<tr>
<td>Amount</td>
<td>Id</td>
</tr>
<tr>
<td id="addbox1"><input type="text" name="amount[]" /></td>
<td id="addbox2"><input type="text" name="id[]" /></td>
</tr>
<tr>
<td></td>
<td><input name="calc" type="submit" value="Calculate" /></td>
</tr>
</table>
</form>
<input type="button" onclick="addInput()" name="add" value="Add input field" />
</body>
</html>
De fout zat in dat je wou schijven in <tr> maardaar kandat niet alleen in blockelmenten zo als <td> <div> <span> <p> maar nu werkt hij wel ;)
Link gekopieerd
het enige nadeel is dat als je tab doet je naar beneden gaat ipv opzij weet iemand daar nog een oplossing voor dat zou helemaal te gek zijn.
Link gekopieerd
Maar wat als je client nou geen java ondersteund :s moet je dan niet terug kunnen vallen op alle invulveldjes?
Link gekopieerd
Ik ook dus ik denk dat ik het gewoon 5 velden laat worden.
Link gekopieerd
ja kan het gewoon toe pasen en voor mensen zonder javascript gebruik de noscript tag.
Link gekopieerd
