Allgemeine Informationen zu Elektronik, Platinen, Programmierung, PCs und mehr...

von   am   | Keine Kommentare | aktualisiert am  | 429 mal gelesen

jQuery - variable Auswahllisten

   no image

Auswahllisten mit jQuery manipulieren

Der folgende jQuery Codeschnipsel behandelt Auswahllisten in einem Formular.

Wenn man zum Beispiel in der ersten Auswahlliste einen Eintrag auswählt und in der zweiten Auswahlliste eine Alternative auswählen kann (zum Beispiel als Ersatz, wenn der erste Eintrag nicht verfügbar ist), dann sollte der in der ersten Liste ausgewählte Eintrag nicht mehr in der zweiten Liste auftauchen.
Wechselt man in der ersten Liste aber den Eintrag, muss die zweite Liste wieder angepasst werden. Dieser Codeschnipsel macht genau das ohne die Seite neu laden zu müssen. Das ist gut für die Benutzerfreundlichkeit und erspart Rückfragen, da die übersendeten Daten eindeutig sind.
Hier in dem Script nehme ich als Beispiel einmal Autos, welche man über ein Formular in einer bestimmten Farbe bestellen kann.

Script variable Auswahllisten:

Und hier das Beispiel für die Auswahlliste:

oder alternativ:

 





Rate this article, if you like:
[Gesamt:28    Durchschnitt: 4.8/5]

Kommentar verfassen

Du kannst auch mit einem deiner folgenden Profile kommentieren:



Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Du kannst folgende HTML Tags und Attribute benutzen:
<a href="" title=""> <abbr title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

green

BILDSCHIRM OFF.
SPAREN ON!

Ein dunkler Monitor verbraucht im Gegensatz zu einem hellen bis zu 20% weniger Strom.
Daher spare ich jetzt Energie für dich.

Do NOT follow this link or you will be banned from the site!