Hallo iedereen,
Ik heb een formulier waarbij een knop zit die ervoor zorgt dat er een veld bijkomt.
Maar ik zou er ook graag een knop bijzetten om een veld te verwijderen..
Dit is de html code
dit is de js
Kunnen jullie me helpen om hier een extra knop te voorzien zodat mijn clients een veld kunnen verwijderen, aub?
alvast bedankt
Ik heb een formulier waarbij een knop zit die ervoor zorgt dat er een veld bijkomt.
Maar ik zou er ook graag een knop bijzetten om een veld te verwijderen..
Dit is de html code
HTML:
<form method="POST" action="#">
<div class="span3">
<input type="hidden" name="recipient" value="#">
<input type="hidden" name="subject" value="stickers">
<input type="hidden" name="redirect" value="#">
<div id="dynamicInput">
<input type="text" placeholder="Naam 1" name="Naam 1">
</div>
<div >
<p class="btn" onClick="addInput('dynamicInput');"><i class="icon icon-plus"></i></p>
</div>
<hr>
<input type="text" placeholder="Jouw naam" name="Contactpersoon: " required="required">
<input id="email" name="email" type="email" placeholder="Email-adres" required="required">
<div class="controls">
<button type="reset" class="btn">
Wis alles
</button>
<button type="submit" class="btn btn-success">
Bestellen
</button>
</div>
</div>
</form>
dit is de js
Code:
<script language="Javascript" type="text/javascript">
var counter = 1;
var limit = 5;
function addInput(divName){
if (counter == limit) {
alert("Je kan max. " + counter + " personen tegelijk inschrijven");
}
else {
var newdiv = document.createElement('div');
newdiv.innerHTML = "<input type='text' placeholder='Naam " + (counter + 1) + "' name='Naam " + (counter + 1) + "'>";
document.getElementById(divName).appendChild(newdiv);
counter++;
}
}
</script>
Kunnen jullie me helpen om hier een extra knop te voorzien zodat mijn clients een veld kunnen verwijderen, aub?
alvast bedankt