Žyma select
Žyma select sukuria išskleidžiamąjį sąrašą
HTML formoms.
Atskiras sąrašo punktas turi būti saugomas
žymoje option.
Atributai
| Atributas | Aprašas |
|---|---|
multiple |
Šio atributo buvimas sukuria kelių pasirinkimų sąrašą -
išskleidžiamąjį sąrašą, kuriame galima pasirinkti kelis punktus, nuspaudus
klavišą Ctrl arba pažymėjus juos pele.
Neprivalomas atributas. |
name |
Išskleidžiamojo sąrašo vardas. Reikalingas tam, kad PHP būtų galima gauti įvesties lauko duomenis. Kad forma veiktų teisingai, įvesties laukų vardai vienoje formoje neturi sutapti. Jei jie sutaps - PHP ateis duomenys to įvesties lauko, kuris HTML kode yra žemiau. |
Pavyzdys
Pažiūrėkime, kaip veikia išskleidžiamasis sąrašas:
<select>
<option>Miestas1</option>
<option>Miestas2</option>
<option>Miestas3</option>
<option>Miestas4</option>
</select>
:
Pavyzdys
Padarykime, kad išskleidžiamojo sąrašo plotis būtų
lygus paties didžiausio elemento pločiui (jei
jis nebus aiškiai nurodytas naudojant CSS savybę
width):
<select>
<option>Didelis Miestas1</option>
<option>Miestas2</option>
<option>Miestas3</option>
<option>Miestas4</option>
</select>
:
Pavyzdys . Numatytoji reikšmė
Dabar pabandykime nustatyti miestą
pagal nutylėjimą. Padarykime tai naudodami atributą
selected:
<select>
<option>Didelis Miestas1</option>
<option selected>Miestas2</option>
<option>Miestas3</option>
<option>Miestas4</option>
</select>
:
Pavyzdys . Kelių pasirinkimų sąrašas
Dabar paverskime įprastą sąrašą į
kelių pasirinkimų sąrašą naudodami atributą multiple:
<select multiple name="city[]">
<option>Miestas1</option>
<option>Miestas2</option>
<option>Miestas3</option>
<option>Miestas4</option>
</select>
:
Atkreipkite dėmesį, kad sąrašo vardas, nustatytas atribute name,
turi būti su laužtiniais skliaustais pabaigoje. Tai reikalinga tam, kad PHP
ateitų visos pasirinktos reikšmės (kitaip ateis tik viena - paskutinė).
Pavyzdys . Keli numatytieji pasirinkimai kelių pasirinkimų sąraše
Dabar, kelių pasirinkimų sąraše pagal nutylėjimą, pabandykime pasirinkti daugiau nei vieną reikšmę:
<select multiple name="city[]">
<option>Miestas1</option>
<option selected>Miestas2</option>
<option>Miestas3</option>
<option selected>Miestas4</option>
</select>
: