Hallo,
Ik heb een form met daarin een JS dropdown menu.
Als je een optie uit de dropdown kiest komt er een per optie verschillend invoer veld tevoorschijn.
Ik zou bij het valideren van zo'n invoer veld graag iets zien zoals:
<?php
@$d_leeftijd = addslashes($_POST['d_leeftijd']);
@$b_leeftijd = addslashes($_POST['b_leeftijd']);
@$e_leeftijd = addslashes($_POST['e_leeftijd']);
@$p_leeftijd = addslashes($_POST['p_leeftijd']);
@$t_leeftijd = addslashes($_POST['t_leeftijd']);
//************
$tm="t/m";
$jaar="jaar";
$plus="+";
$tot="tot";
//************
if ($d_leeftijd=='AL'){
$leeftijd = ('AL');
}elseif ($d_leeftijd=='"" t/m ""'){
$leeftijd = $b_leeftijd.$tm.$e_leeftijd.$jaar;
}elseif ($d_leeftijd=='""+'){
$leeftijd = $p_leeftijd.$plus;
}elseif ($d_leeftijd=='Tot ""'){
$leeftijd = $tot.$t_leeftijd;
}
echo ($leeftijd);
if ($d_leeftijd=='"" t/m ""')
{
if (strlen($b_leeftijd) and ($e_leeftijd) ==0){
echo("<p align='center'><font face='Arial' size='3' color='#FF0000'>Controleer de door u opgegeven leeftijd.</font></p>");
}
}
if ($d_leeftijd=='""+')
{
if (strlen($p_leeftijd) ==0){
echo("<p align='center'><font face='Arial' size='3' color='#FF0000'>Controleer de door u opgegeven leeftijd.</font></p>");
}
}
if ($d_leeftijd=='Tot ""'){
if (strlen($t_leeftijd) ==0)
{
echo("<p align='center'><font face='Arial' size='3' color='#FF0000'>Controleer de door u opgegeven leeftijd.</font></p>");
}
}
?>
De dropdown ziet er als volgt uit:
<html>
<head>
<script type="text/javascript">
// <![CDATA[
function display(lobj,lid1,lid2,lid3) {
txt = lobj.options[lobj.selectedIndex].value;
document.getElementById(lid1).style.display = 'none';
document.getElementById(lid2).style.display = 'none';
document.getElementById(lid3).style.display = 'none';
if ( txt.match(lid1) ) {
document.getElementById(lid1).style.display = 'block';
}
if ( txt.match(lid2) ) {
document.getElementById(lid2).style.display = 'block';
}
if ( txt.match(lid3) ) {
document.getElementById(lid3).style.display = 'block';
}
}
// ]]>
</script>
</head>
<body>
<h4>Leeftijd:</h4><br />
<table align="right">
<select name="d_leeftijd" id="d_leeftijd" onchange="display(this,'tm','p','tot');">
<option>AL</option>
<option value="tm">"" t/m ""</option>
<option value="p">""+</option>
<option value="tot">Tot ""</option>
</select><br />
<tbody id="tm" style="display: none;">
<tr>
<td class="field"><input type="text" name="b_leeftijd" id="b_leeftijd" size="2" maxlength="2" /><br>t/m<br><input type="text" name="e_leeftijd" id="b_leeftijd" size="2" maxlength="2" /><br>jaar</td>
</tr>
</tbody>
<tbody id="p" style="display: none;">
<tr>
<td class="field"><input type="text" name="p_leeftijd" id="p_leeftijd" size="2" maxlength="2" /> +</td>
</tr>
</tbody>
<tbody id="tot" style="display: none;">
<tr>
<td class="field">Tot<br><input type="text" name="t_leeftijd" id="t_leeftijd" size="2" maxlength="2" /><br>jaar</td>
</tr>
</tbody>
</table>
</body>
</html>
Is er iemand die een oplossing weet?
Alvast bedankt...
1.976 views
