Znacznik select
Znacznik select tworzy listę rozwijaną
dla użycia w formularzach HTML.
Pojedyncza pozycja listy powinna być przechowywana w
znaczniku option.
Atrybuty
| Atrybut | Opis |
|---|---|
multiple |
Obecność tego atrybutu tworzy multiselect -
listę rozwijaną, w której można wybrać kilka pozycji, przytrzymując
klawisz Ctrl lub zaznaczając je myszką.
Atrybut opcjonalny. |
name |
Nazwa listy rozwijanej. Potrzebna do tego, aby pobrać dane pola w PHP. Dla poprawnego działania formularza nazwy pól nie powinny się powtarzać (w jednym formularzu). Jeśli się powtarzają - w PHP przyjdą dane tego pola, które jest niżej w kodzie HTML. |
Przykład
Spójrzmy, jak działa lista rozwijana:
<select>
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Przykład
Ustawmy szerokość listy rozwijanej na
szerokość największego elementu (jeśli
nie jest jawnie ustawiona za pomocą właściwości CSS
width):
<select>
<option>Big City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Przykład . Wybór domyślny
A teraz spróbujmy wybrać miasto
domyślnie. Zrobimy to za pomocą atrybutu
selected:
<select>
<option>Big City1</option>
<option selected>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Przykład . Multiselect
Zamieńmy teraz zwykły select na
multiselect za pomocą atrybutu multiple:
<select multiple name="city[]">
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Zwróć uwagę, że nazwa selecta, podana w atrybucie name,
powinna być z nawiasami kwadratowymi na końcu. Jest to potrzebne, aby w PHP
przychodziły wszystkie wybrane wartości (w przeciwnym razie przyjdzie tylko jedna - ostatnia).
Przykład . Kilka wartości domyślnych w multiselect
A teraz, w multiselect domyślnie, spróbujmy wybrać więcej niż jedną wartość:
<select multiple name="city[]">
<option>City1</option>
<option selected>City2</option>
<option>City3</option>
<option selected>City4</option>
</select>
:
