Hi guys
I need some help.
I'm making a contact form.
The thing where Iam stuck is that, I want to create a dropdown menu, with when the normal option is selected (number 1 in dropdown) it should show 2 textfields, but when selected option nr:3, it must show 3 times 2 textfiels.
This is the code how it should look like.
The part highlighted is the part with the dropdown selection and textfields. (all of it in dutch).
Hope someone can help me with this.
- Code: Select all
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<form action="" method="post" name="inschrijven" id="inschrijven">
<table width="450" border="0">
<tr>
<td><strong> Ik boek voor de volgende reis: </strong></td>
<td><input name="freis" type="text" id="freis" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><label>Reisdatum:</label></td>
<td><input name="freisdatum" type="text" id="freisdatum" /></td>
</tr>
<tr>
<td><label>Vertrekdatum:</label></td>
<td><input name="freisdatum" type="text" id="freisdatum" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><strong> Gegevens van de hoofdboeker:</strong></td>
<td> </td>
</tr>
<tr>
<td><label>Naam:</label></td>
<td><input name="naam" type="text" id="fnaam" /></td>
</tr>
<tr>
<td><label>Achternaam:</label></td>
<td><input name="achternaam" type="text" id="fachternaam" /></td>
</tr>
<tr>
<td><label>Adres:</label></td>
<td><input name="adres" type="text" id="fadres" /></td>
</tr>
<tr>
<td><label>Postcode:</label></td>
<td><input name="postcode" type="text" id="fpostcode" /></td>
</tr>
<tr>
<td><label>Woonplaats:</label></td>
<td><input name="woonplaats" type="text" id="fwoonplaats" /></td>
</tr>
<tr>
<td><label>Telefoon:</label></td>
<td><input name="telefoon" type="text" id="ftelefoon" /></td>
</tr>
<tr>
<td><label>Email:</label></td>
<td><input name="email" type="text" id="femail" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><strong>Hoeveel personen:</strong></td>
<td> </td>
</tr>
<tr>
<td><label>Volwassenen:</label></td>
<td><select name="volwassenen" size="1" id="fvolwassenen">
<option value="fnul">0</option>
<option value="feen">1</option>
<option value="ftwee">2</option>
<option value="fdrie">3</option>
<option value="fvier">4</option>
<option value="fvijf">5</option>
</select></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><strong>Mede-reizigers per persoon:</strong></td>
<td> </td>
</tr>
<tr>
<td><label>Naam persoon:</label></td>
<td><input name="naam2" type="text" id="fnaam2" /></td>
</tr>
<tr>
<td><label>Achternaam persoon:</label></td>
<td><input name="achternaam2" type="text" id="fachternaam2" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><strong>Indien van toepassing:</strong></td>
<td> </td>
</tr>
<tr>
<td><label>Ik boek deze reis</label></td>
<td><input name="wel" type="radio" value="wel" /> wel
<input name="niet" type="radio" value="niet" />
niet, als privé-reis.</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><strong>Overige informatie<br /> en/of dieetwensen:</strong></td>
<td> </td>
</tr>
<tr>
<td><textarea name="overige" cols="35" rows="5" id="foverige"></textarea></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td><div align="right">
<input name="Verzenden" type="submit" value="Verzenden" />
</div></td>
<td><input name="Velden legen" type="reset" value="Legen" /></td>
</tr>
</table>
</form>
</body>
</html>
Login
Contact Us
Advertise
Page Info
