[PHP/JS] Bei Dropdown Auswahl input Felder = hidden ?

Dieses Thema im Forum "Webentwicklung" wurde erstellt von ov3r, 21. Mai 2010 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 21. Mai 2010
    Hallo,

    Ich bin dabei ein Formular zu erstellen. Jetzt möchte ich, dass falls ich in einer Dropdown-Liste etwas auswähle (ist egal was - nur die Änderung zählt) meine input Felder unsichtbar werden.

    Ist das möglich, wenn ja wie? Mit onchange? Bw ist ehrensache.

    Als Beispiel können wir ja mal dies nehmen:

    PHP:
    < form name = "Formular"  action = "formular2.php"  method = "post"  />
    <     select name = "dropdown"  id = "dropdown" > 
    <     option selected = "selected" > Bitte wählen </ option >
    <     option > 1 </ option >
    <     option > 2 </ option >
    </     select >
    <     br  />< br  />
    <     input type = "text"  name = "input1"  />< br  />
    <     input type = "text"  name = "input2"  />< br  />
    <     input type = "submit"  value = "Abschicken"  />
    </     form >
     
  3. 21. Mai 2010
    AW: [PHP/JS] Bei Dropdown Auswahl input Felder = hidden ?

    HTML:
    <form name="Formular" action="formular2.php" method="post">
<select name="dropdown" id="dropdown" onchange="this.style.display = 'none'"> 
<option selected="selected">Bitte wählen</option>
<option>1</option>
<option>2</option>
</select>
<br /><br />
<input type="text" name="input1" /><br />
<input type="text" name="input2" /><br />
<input type="submit" value="Abschicken" />
</form>
    ungetestet..
    Kannst auch "this.style.visibility = 'hidden'" nehmen..
    Wenn du schicke Übergänge wilsst, kannst du das auch mit jQuery und der Funktion animate machen..

    Übrigens musst du <form></form> machen und nicht <form /></form>..
    Ein <form /> beendet die Form gleich wieder.. das kannste beim Images machen <img />

    MfG
     
  4. 21. Mai 2010
    AW: [PHP/JS] Bei Dropdown Auswahl input Felder = hidden ?

    Das mit der form ist klar, ist gerade irgendwie im Beispiel reingerutscht. Deins hat nicht ganz funktioniert, damit ist die Dropdownliste unsichtbar geworden. Hat mir aber den nötigen Lösungsansatz gegeben. Danke! Bw ist raus.

    So funktionierts (wahrscheinlich nicht die schönste Lösung, reicht aber für meine Zwecke):

    HTML:
    <form name="Formular" action="formular2.php" method="post">
<select name="dropdown" id="dropdown" onchange="document.getElementById('input1').style.display = 'none'; document.getElementById('input2').style.display = 'none'"> 
<option selected="selected">Bitte wählen</option>
<option>1</option>
<option>2</option>
</select>
<br /><br />
<input type="text" name="input1" id="input1" /><br />
<input type="text" name="input2" id="input2" /><br />
<input type="submit" value="Abschicken" />
</form>



    Aber jetzt noch als Erweiterung    : Wie mache ich es, dass wenn ich wieder "Bitte wählen" auswähle, die Felder wieder sichtbar sind?
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.