Frank: Textfelder ein- bzw. ausblenden

Beitrag lesen

SELF-Forum

Textfelder ein- bzw. ausblenden

Frank (Versionen)
– Informationen zu den Bewertungsregeln

Hallo ich fange nach 10 Jahren wieder an eine Seite zu erstellen. Komme aber nicht wirklich weiter. Ich möchte, das wenn ich im Selectfeld etwas auswähle gewisse Textfelder der Seite ein- bzw. ausgeblendet werden.

Mit diesem Code passiert nichts. Kann mir jemand helfen?

<!doctype html>
<html>
<head>
	<title>Testing</title>
</head>
<body>
<p><strong>Tester</strong></p>

<p>&nbsp;</p>
<form name="formular">
	<p>
		<select name="Anzahl Codes" ID="Label">
			<option selected="selected" value="1" onchange="Auswahl(this)">1 Datamatrix</option>
			<option value="2" onchange="Auswahl(this)">1 1D-Code</option>
			<option value="3" onchange="Auswahl(this)">2 1D-Code</option>
			<option value="4" onchange="Auswahl(this)">3 1D-Code</option>
			<option value="5" onchange="Auswahl(this)">1 Datamatrix &amp; 3 1d-Codes</option>
		</select>
	</p>

	<p>Datamatrix : <input maxlength="50" name="Datamatrix" size="50" type="text" ID="Datamatrix"></p>

	<p>1. 1D-Code : <input maxlength="20" name="1-1D-Code" size="20" type="text" ID="1-1D-Code"></p>

	<p>2. 1D-Code : <input maxlength="20" name="2-1D-Code" size="20" type="text" ID="2-1D-code"></p>

	<p>3. 1D-Code : <input maxlength="20" name="3-1D-Code" size="20" type="text" ID="3-1D-Code"></p>
			<script language="javascript" type="text/javascript">
			function Auswahl (element) 
			{
				// Ist das Element Value=1?
    		if (document.getElementById("Label").value == '1') 
    		{
    			document.getElementById("Datamatrix").style.display="block";
    			document.getElementById("1-1D-Code").style.display="hidden";
    			document.getElementById("2-1D-Code").style.display="hidden";	
    			document.getElementById("3-1D-Code").style.display="hidden";
    		}
    		// Ist das Element Value=2?
    		if (document.getElementById("Label").value == '2') 
    		{
    			document.getElementById("Datamatrix").style.display="hidden";
    			document.getElementById("1-1D-Code").style.display="block";
    			document.getElementById("2-1D-Code").style.display="hidden";	
    			document.getElementById("3-1D-Code").style.display="hidden";
    		}
    		// Ist das Element Value=3?
    		if (document.getElementById("Label").value == '3') 
    		{
    			document.getElementById("Datamatrix").style.display="hidden";
    			document.getElementById("1-1D-Code").style.display="block";
    			document.getElementById("2-1D-Code").style.display="block";	
    			document.getElementById("3-1D-Code").style.display="hidden";
    		}
    		// Ist das Element Value=4?
    		if (document.getElementById("Label").value == '4') 
    		{
    			document.getElementById("Datamatrix").style.display="hidden";
    			document.getElementById("1-1D-Code").style.display="block";
    			document.getElementById("2-1D-Code").style.display="block";	
    			document.getElementById("3-1D-Code").style.display="block";
    		}
    		// Ist das Element Value=5?
    		if (document.getElementById("Label").value == '5') 
    		{
    			document.getElementById("Datamatrix").style.display="block";
    			document.getElementById("1-1D-Code").style.display="block";
    			document.getElementById("2-1D-Code").style.display="block";	
    			document.getElementById("3-1D-Code").style.display="block";
    		}
			}
			</Script>
</Form>
<p>Script :</p>

<p><textarea cols="150" name="Script" rows="20" ID="6">//hier Script einf&uuml;gen//</textarea></p>
</body>
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln