Gewusst wie: anzeigen/ausblenden von DIV-Element auf die Auswahl eines drop-down-Wert?
Habe ich gefunden, dass viele Antworten auf die Frage:
Wie kann ich Lesezeichen ein - /ausblenden, DIV bei Auswahl von "Andere" im dropdown-Wert.
Aber ich kann nicht finden die Antwort auf diese: Wie kann ich Lesezeichen ein - /ausblenden von div-Element auf die Auswahl eines dropdown-Wert, z.B.
<select class="default" id="security_question_1" name="security_question_1">
<option value="" selected>Select question...</option>
<option value="1">Question One</option>
<option value="2">Question Two</option>
<option value="3">Question Three</option>
<option value="4">Question Four</option>
<option value="5">Question Five</option>
<option value="6">Question Six</option>
</select>
Ich möchte zeigen können, das ein DIV, wenn eine der oben aufgeführten Optionen ausgewählt werden.
Wenn der Benutzer auswählt 1, 2, 3, 4, 5, oder 6 ich möchte zeigen DIV. Wenn der Benutzer kehrt die Auswahl wieder auf "Wählen Sie die Frage..." das DIV zu verstecken wird wieder
Einem JSfiddle Lösung wäre perfekt
Vielen Dank!
Kann die Antwort zählen die Verwendung von jQuery?
Ja optional
Ja optional
InformationsquelleAutor ghilton | 2013-08-21
Du musst angemeldet sein, um einen Kommentar abzugeben.
Javascript
HTML
CSS
FIDDLE
http://jsfiddle.net/Sj5FN/1/
Froh, dass ich helfen konnte. Es war schön zu schreiben, einige native JS.
Hi Kevin, ich bin immer noch glücklich mit Ihrer Lösung von gestern. Nur ein Nachteil - Wenn ich legen Sie Eine Frage zu 'selected' standardmäßig, d.h.
<option value="1" selected>Question One</option>
dann würde ich hoffen, dass die DIV werden standardmäßig angezeigt, aber es bleibt verborgen. Gibt es eine änderung an Ihrem code, dass würde dieses Problem lösen? Wenn ich mich nicht klar, lassen Sie mich wissen, und ich werde weiter erläuternInformationsquelleAutor Kevin Bowersox
Versuchen Sie dies:
HTML:
Javascript:
Arbeiten Demo
wie pro Ihre Anforderung
InformationsquelleAutor Gagan Gami
fügen Sie die folgende Funktion an den onchange -,
und stellen Sie den Anzeige-Stil des div (welche erforderlich ist, um hide/gezeigt) zu keiner zunächst. Überprüfen demo hier
InformationsquelleAutor Ayyappan Sekar
Versuchen, diese -
InformationsquelleAutor Moazzam Khan
Versuchen Sie dies :
Javascript :
HTML :
keine Notwendigkeit, Dank seiner "ok".
InformationsquelleAutor Devang Rathod
InformationsquelleAutor Swaroop Nagendra
Warum verwenden nicht-Ereignis? wie die folgenden:
InformationsquelleAutor Dennis
Dieser arbeitete für mich , dies ist eine leistungsfähige Methode, da die Nutzung der hat und Methoden enthalten, so können Sie Platzhalter verwenden
InformationsquelleAutor rafael
InformationsquelleAutor Pankaj Upadhyay