2011-01-04 10 views
0

lassen Sie mich mit meiner Form starten:jQuery Animationen in Form

http://jsfiddle.net/UCJpF/

Ich möchte nur eine Zeile aus den drei unten auswählbaren Optionen angezeigt werden, auf ausgewählte Material basiert. Wie geht das?

Danke.

+0

Es gibt eine Vielzahl von Möglichkeiten, dies zu tun. Gibt es Einschränkungen im HTML? – Sandwich

+0

Nein, es ist wie gezeigt. Und ich denke, val() ist die Antwort: D – anonymous

Antwort

0

Hier ist eine modifizierte Version der Geige, die tun sollten, was Sie wollen: http://jsfiddle.net/JZNMy/

Die wichtigsten Punkte sind, dass ich die Zeile zeigt die Nachricht an die gewählte Option mit dem Wert der Option plus ‚-Nachricht‘ Referenz als die ID der Nachrichtenzeile. Dann binde ich an das .change Ereignis des Auswahlfelds, das den aktuell ausgewählten Wert erhält, alle Nachrichten ausblendet und dann das zugehörige anzeigt.

BEARBEITEN: Ich aktualisierte die Fiddle-Verbindung mit einer, die das -Ereignis automatisch auf dem Auswahlfeld auslöst, um sicherzustellen, dass eine der Nachrichten angezeigt wird.

+0

Sorry, aber das ist fehlerhaft, wenn Sie die Website zum ersten Mal öffnen, gibt es nichts unter Option 1 (lassen Sie mich hinzufügen, dass die erste ausgewählte Option variieren kann). – anonymous

+0

@anon: Direkt unter dem Event-Handler können Sie das Ereignis 'change' manuell auslösen, um es auf die aktuell ausgewählte Option zu aktualisieren:' $ ('# select-box'). Trigger ('change'); ': http : //jsfiddle.net/JZNMy/ –