Zeige mehrere DIVs mit Select mit jQuery

8

Ich habe im Wesentlichen die gleiche Situation wie die Person in der folgenden Frage:

Link: wie divs durch Auswahl von / show (ausblenden) angezeigt wird )

Durch umfangreiche Suche innerhalb von Google konnte ich verschiedene Methoden entwickeln, bei denen die Leute behaupten, dass ihre Methode funktioniert. Ich muss noch nichts richtig arbeiten. Ich weiß noch nicht genug über jQuery, um vollständig zu verstehen, wie man das von Grund auf schreibt, daher verlasse ich mich auf wirklich gute Beispiele.

Was ich versucht habe zu arbeiten (basierend auf Beispielen, die ich gefunden und ausprobiert habe), ist dies:

%Vor%
  • Hinweis: Ich verwende Klammern anstelle der Kleiner-als- und Größer-als-Zeichen um HTML, um in dieser Nachricht korrekt angezeigt zu werden.

Was ich bekomme, wenn ich das teste:

  • Beim ersten Laden mit nichts ausgewählt = & gt; Kein DIV wird angezeigt.
  • Wenn ich DIV Bereich 1 = & gt; DIV Bereich 2 und 3 werden angezeigt.
  • Wenn ich DIV Area 2 = & gt; DIV Bereich 1 und 3 werden angezeigt.
  • Wenn ich DIV Bereich 3 = & gt; DIV Bereich 1 und 2 werden angezeigt.

Mein Gehirn ist für den Tag gebraten. Was kann ich tun, um das Problem zu beheben?

    
Community 11.09.2009, 20:16
quelle

4 Antworten

10

Ich würde das tun:

%Vor%     
Mottie 11.09.2009 20:54
quelle
3

@fudgey hat eine nette Lösung gegeben. aber habe wenig Zweifel. Es hängt vom Wert ab und muss jedes Mal die Attribut-ID von <div> ändern.

Also würde ich das tun     "

%Vor%     
Bit Curios 13.05.2011 05:57
quelle
1

Tauschen Sie das Bild so aus, dass es so aussieht:

%Vor%     
T. Stone 11.09.2009 20:22
quelle
1

Dieser Code ist ein wenig prägnanter:

%Vor%

Wenn im Wesentlichen ein Wert ausgewählt ist (d. h. die Option ist nicht auf "Wählen" eingestellt), werden alle div.box-Elemente angezeigt. Das DIV, das der ausgewählten Option entspricht, ist dann ausgeblendet. Dies sollte schnell genug passieren, damit der Blitz nicht auffällt.

    
David Andres 11.09.2009 20:28
quelle

Tags und Links