Ergebnis 1 bis 3 von 3

Thema: Feld einblenden/ausblenden

  1. #1
    TP-Supporter
    Registriert seit
    Nov 2002
    Ort
    Flensburg
    Beiträge
    306

    Feld einblenden/ausblenden

    Ich habe eine Frage zu einem Formular:
    - Brauche eine Auswahl zwischen zwei Möglichkeiten A und B (mir egal ob das mit select-list oder radio-buttons gemacht wird)

    Per default ist A angewählt.
    Dabei hat ein "hidden"-field den Wert X.

    Falls nun B ausgewählt wird, soll das "hidden"-field als Textfeld sichtbar werden, und der Benutzer kann etwas eingeben (und somit den default Wert X verändern).

    Falls der Benutzer sich umentscheidet und wieder A auswählt, soll das Textfeld wieder verschwinden und den default Wert X annehmen.

    Ich bin leider ein Laie was Javascript angeht, und hätte daher auf ein bischen Hilfe gehofft...

  2. #2
    TP-Moderator Avatar von Malleus
    Registriert seit
    Aug 2004
    Ort
    Homburg / Saarland
    Beiträge
    711
    Hallo,

    schau' Dir mal das folgendes Script an. Vielleicht kannst Du das ja gebrauchen:

    Test

    ...ist übrigens in der obigen Javascript FAQ verlinkt ;-)

  3. #3
    321
    321 ist offline
    TP-Specialist Avatar von 321
    Registriert seit
    Nov 2004
    Ort
    Die Insel in Europa die aus Europa erst Europa macht _________________________ Nähe Lenzburg
    Beiträge
    4.248
    Hab da auch noch das Zurücksetzen von Feld x drin
    (wenn von b wieder auf a gewechselt wird)

    HTML-Code:
    <html> 
    <head> 
    <title>Angaben freigeben oder verstecken</title
    ><script language="JavaScript" 
     type="text/javascript"
    ><!-- 
    function doIt(theValue) 
    {
    // zuvor evt. eingegebene Angaben auf dft setzen, 
    // könnte auch ein Blank oder sonst was sein
    if (theValue == "a") document.getElementById("xFeld").value = "dft"; 
    //
    // Je nach Auswahl a oder b 
    // die Angaben freigeben oder blockieren/verstecken
    document.getElementById("xBereich").style.display 
    	= (( theValue=="a")?"none":"block");
    } 
    //--> 
    </script
    ></head><body
    ><select id="mySelect" onchange="doIt(this.value)"
    ><option value="a" selected="selected">default Angabe</option
    ><option value="b">nach deinen Angaben</option
    ></select
    ><div id="xBereich" style="display:none"
    >Angaben: <input type="text" name="xFeld" value="dft"
    ></div
    ><br><br
    >Nur zum Testen<br
    ><a href="#" 
     onclick="alert(document.getElementById('xFeld').value)"
    >Zeige die Angaben!</a
    ></body> 
    </html>
    [321 Name="Joe"]
    wie immer, lieber gleich mit notepad, dem Editor meines Vertrauens
    [/321]


    use my HTML-Tester

    Motto'06: Mut zur deutschen Sprache!

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51