Das select-Tag
Das Tag select erstellt eine Dropdown-Liste
für die Verwendung in HTML-Formularen.
Ein einzelner Listeneintrag muss in einem
option-Tag gespeichert werden.
Attribute
| Attribut | Beschreibung |
|---|---|
multiple |
Das Vorhandensein dieses Attributs erstellt eine Mehrfachauswahl -
eine Dropdown-Liste, in der mehrere Einträge ausgewählt werden können, indem
die Ctrl-Taste gedrückt gehalten oder sie mit der Maus ausgewählt werden.
Optionales Attribut. |
name |
Der Name der Dropdown-Liste. Wird benötigt, um die Eingabefelddaten in PHP auszulesen. Für die korrekte Funktion des Formulars sollten sich die Namen der Eingabefelder nicht gegenseitig entsprechen (in einem Formular). Wenn sie übereinstimmen - werden in PHP die Daten des Eingabefeldes empfangen, das im HTML-Code weiter unten steht. |
Beispiel
Sehen wir uns an, wie eine Dropdown-Liste funktioniert:
<select>
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Beispiel
Lassen Sie uns die Breite der Dropdown-Liste
gleich der Breite des größten Elements setzen (wenn
sie nicht explizit über die CSS-Eigenschaft
width angegeben wird):
<select>
<option>Big City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Beispiel . Standardauswahl
Versuchen wir nun, eine Stadt
standardmäßig auszuwählen. Machen wir das mit dem Attribut
selected:
<select>
<option>Big City1</option>
<option selected>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Beispiel . Mehrfachauswahl
Lassen Sie uns nun ein normales Select in
eine Mehrfachauswahl mit dem Attribut multiple verwandeln:
<select multiple name="city[]">
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Beachten Sie, dass der Name des Selects, der im Attribut name festgelegt wird,
mit eckigen Klammern am Ende versehen sein muss. Dies ist notwendig, damit in PHP
alle ausgewählten Werte ankommen (andernfalls kommt nur einer an - der letzte).
Beispiel . Mehrere Standardwerte in der Mehrfachauswahl
Versuchen wir nun, in der Mehrfachauswahl standardmäßig mehr als einen Wert auszuwählen:
<select multiple name="city[]">
<option>City1</option>
<option selected>City2</option>
<option>City3</option>
<option selected>City4</option>
</select>
:
