Textfelder ein- bzw. ausblenden bearbeitet von Frank 21.09.2017 18:15 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? ~~~html <!doctype html> <html> <head> <title>Testing</title> </head> <body> <p><strong>Tester</strong></p> <p> </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 & 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ügen//</textarea></p> </body> </html> ~~~
Textfelder ein- bzw. ausblenden bearbeitet von Gunnar Bittersmann 21.09.2017 18:21 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> </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 & 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ügen//</textarea></p> </body> </html> `
Textfelder ein- bzw. ausblenden bearbeitet von Frank 21.09.2017 18:18 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. `<!doctype html> <html> <head> <title>Testing</title> </head> <body> <p><strong>Tester</strong></p> <p> </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 & 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ügen//</textarea></p> </body> </html> `
nicht angemeldet nicht angemeldet
