Doormiddel van Javascript kun je als je op een button klikt een nieuw input veld aanmaken. Deze krijgen allemaal dezelfde name en class. Alles wordt nu doormiddel van een mailtje naar de user gestuurd. Alleen pakt Javascript en PHP de laatst ingevulde input field. Dit is de code voor het aanmaken van een nieuw veld in Javascript:

function addForm()
		{
			var newDiv = document.createElement("div");
			newDiv.innerHTML+='<div id="new_'+addNumber()+'"><input type="number" name="number" id="number" value="number"/> <select class="form-control" name="option[]" id="option"><option>Chefkok</option><option>Barman</option><option>Bediening</option></select> <input type="button" value="X" onclick="deleteParentElement(this)"></div>';
			container.appendChild(newDiv);
		}


Dit is de PHP code voor het verzenden voor de mail:

<?php

$naam      = $_POST['naam'];
$email     = $_POST['email'];
$number    = $_POST['number'];
$option    = $_POST['option'];


			$to      = $email; // Send email to our user
			$subject = 'Web formulier'; // Give the email a subject 
			$message = '
			 Beste ,
			
			'.$naam.' heeft de volgende personen nodig: '.$number.'x een '.$option.'.
			We hopen u voldoende te hebben geinfomeerd!
?>

Het verzenden gaat goed, alleen pakt hij bij "volgende personen nodig" alleen de laatste ingevulde value's. Is het mogelijk om in een soort van loop te krijgen? Dat je krijgt: 4x een persoon1
2x een persoon2
Alle gegevens komen uit het form.

Alvast bedankt!
En een HTML-header toevoegen als je tenminste HTML wilt gebruiken in je mail.
Ja, dat zag ik voorbij komen op php.net/mail. Dus dat moet wel goed komen.

Reageren