Formular mit dropdown teilweise ausblenden

Hi,

so sollte es gehen...

Code:
<html>
<head>
</head>
<script type="text/javascript">
function show()
{
  if(document.myform.Teilnehmer_Anzahl.value=='EinTN')
    {
    document.getElementById('Tn1').style.display='block';

    document.getElementById('Tn2').style.display='none';
    document.getElementById('txt2').value = 'Bitte eintragen';
    
    document.getElementById('Tn3').style.display='none';
    document.getElementById('txt3').value = 'Bitte eintragen';
    }
  else if(document.myform.Teilnehmer_Anzahl.value=='ZweiTN')
    {
    document.getElementById('Tn1').style.display='block';
    document.getElementById('Tn2').style.display='block';

    document.getElementById('Tn3').style.display='none';
    document.getElementById('txt3').value = 'Bitte eintragen';
    }
  else if(document.myform.Teilnehmer_Anzahl.value=='DreiTN')
    {
    document.getElementById('Tn1').style.display='block';
    document.getElementById('Tn2').style.display='block';
    document.getElementById('Tn3').style.display='block';
    }
}
</script>
<body>

<form name="myform">
<br><br>
<select name="Teilnehmer_Anzahl" size="1" onChange='javascript:show()'>
<option>Bitte wählen Sie...</option>
<option value="EinTN">1 Teilnehmer</option>
<option value="ZweiTN">2 Teilnehmer</option>
<option value="DreiTN">3 Teilnehmer</option>
</select>

<br><br>


<table Id="Tn1" border="1" width="100%" style="display:none">
	<tr>
		<td>1. Name, Vorname</td>
		<td><input type="text" id='txt1' name="Beispiel" value="Bitte eintragen" size="30"></td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
</table>
<table Id="Tn2" border="1" width="100%" style="display:none">
	<tr>
		<td>2. Name, Vorname</td>
		<td><input type="text" id='txt2' name="Beispiel" value="Bitte eintragen" size="30"></td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
</table>
<table Id="Tn3" border="1" width="100%" style="display:none">
	<tr>
		<td>3. Name, Vorname</td>
		<td><input type="text" id='txt3' name="Beispiel" value="Bitte eintragen" size="30"></td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
</table>

</form>
</body>
</html>

Habe Änderungen in der Funktion show() vorgenommen u. deinen Input-Feldern id`s gegeben.

Grüße
 

Neue Beiträge

Zurück