SELECT - Optionsauswahl

Das SELECT-Element definiert ein Eingabefeld für die Auswahl von Optionen. Während das SELECT-Element am nützlichsten innerhalb eines FORM-Elements ist, erlaubt HTML 4 ebenfalls SELECT in allen Block-Level- oder Inline-Elementen, anders als BUTTON, zu verwenden. Wie auch immer, Netscape 4.x stellt jedoch keinerlei SELECT-Elemente außerhalb von FORM dar.

Das SELECT-Element beinhaltet in der Regel ein oder mehrere OPTGROUP- oder OPTION-Elemente um dem User ein Auswahlmenü anbieten zu können. Jede Auswahlmöglichkeit ist innerhalb eines OPTION-Elements beinhaltet. Verschiedene Auswahlmöglichkeiten können logisch durch das OPTGROUP-Element gruppiert werden. Das NAME-Attribut des SELECT-Elements stellt den Schlüssel, der zum Server gesendet wird, zusammen mit dem Wert der ausgewählten Option zur Verfügung.

Im Default-Zustand kann der User nur eine Option auswählen. Das boolesche MULTIPLE-Attribut erlaubt dem User mehrere Optionen auszuwählen, die in getrennten Name/Value-Paaren an den Server geschickt werden. Das folgende Beispiel verwendet das MULTIPLE-Attribut um die Auswalh einer oder mehrere Optionen zu regeln:

<P>Wählen Sie eine oder mehrere Abschnitte zum Suchen aus:
<SELECT NAME=sections MULTIPLE>
<OPTION>Web Authoring Reference</OPTION>
<OPTION>FAQ Archive</OPTION>
<OPTION>Design Elemente</OPTION>
<OPTION>Tools</OPTION>
<OPTION>Feature Artikel</OPTION>
</SELECT>
</P>

Das boolesche DISABLED-Attribut, das neu in HTML 4.0 ist, deaktiviert das SELECT-Element. Dem User ist es so nicht möglich die deaktivierte Auswahlmöglichkeit zu verändern, es wird kein Wert mit dem Formular übermittelt, das SELECT-Element kann keinen Fokus erhalten und das Element wird beim Navigieren durch das Dokument mittels Tabbing ausgelassen.

Das TABINDEX-Attribut legt eine Zahl zwischen 0 und 32767 fest, die für die Position in der Tabbing-Reihenfolge steht. Ein SELECT-Element mit dem TABINDEX=0 oder dem das TABINDEX-Attribut fehlt, wird aufgerufen nachdem alle Elemente mit positivem TABINDEX durchlaufen wurden. Unter den positiven TABINDEX-Werten erhält die niedrigere Zahl zuerst den Fokus. Im Fall das zwei TABINDEX-Attribute gleiche Werte haben, wird das Element zuerst angezeigt, das früher im HTML-Dokument steht.

Das SIZE-Attribut von SELECT bewirkt, dass visuelle Browser das Element als eine Listenbox mit einer festgelegten Anzahl von Optionen anzeigt, die jeder Zeit sichtbar sind. Ein Scroll-Balken ermöglicht das Erreichen der nicht sichtbaren Möglichkeiten. Das SIZE-Attribut ist besonders nützlich in SELECT-Elementen mit zahlreichen OPTIONen und mehrfachen Auswahlmöglichkeiten. In so einer Situation stellen einige visuelle Browser die gesamte Liste in einer großen Box ohne Scroll-Möglichkeit dar; ein passendes SIZE-Attribut hilft diesen Browsern bei einer zutreffenderen Darstellung.

Das SELECT-Element besitzt ebenfalls eine Reihe von Attributen, die Client-seitige Scripting Aktionen für verschiedene Ereignisse festlegen. Zusammen mit den Kern Events akzeptiert SELECT, wie die meisten Elemente, die folgenden Event-Attribute:

• ONFOCUS, wenn das Element den Fokus erhält;
• ONBLUR, wenn das Element den Fokus verliert;
• ONCHANGE, wenn das Element den Fokus verliert und sich sein Wert verändert hat seit es das letzte Mal fokussiert war.

Weitere Informationen

• SELECT in der W3C HTML 4.01 Spezifikation
• SELECT in der W3C HTML 3.2 Spezifikation
• SELECT im HTML 2.0 Standard
• SELECT in der WDG HTML 3.2 Referenz
• SELECT in Learning HTML 3.2 by Examples
• SELECT in Index DOT Html