Etiketa select
Etiketa select krijon një listë rënëse
për përdorim në format HTML.
Një artikull i veçantë i listës duhet të ruhet në
etiketën option.
Atributet
| Atributi | Përshkrimi |
|---|---|
multiple |
Prania e këtij atributi krijon një multiselekt -
listë rënëse, në të cilën mund të zgjidhni disa artikuj, duke mbajtur shtypur
tastin Ctrl ose duke i zgjedhur ato me miun.
Atribut jo i detyrueshëm. |
name |
Emri i listës rënëse. Nevojitet në mënyrë që të mund të merren të dhënat e fushës së hyrjes në PHP. Për funksionimin e saktë të formës, emrat e fushave të hyrjes nuk duhet të përputhen me njëri-tjetrin (në një formë). Nëse përputhen - në PHP do të arrinë të dhënat asaj fushe hyrëse që është më poshtë në kodin HTML. |
Shembull
Le të shohim se si funksionon lista rënëse:
<select>
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Shembull
Le ta bëjmë gjerësinë e listës rënëse
të barabartë me gjerësinë e elementit më të madh (nëse
ajo nuk do të specifikohet në mënyrë eksplicite me anë të vetisë CSS
width):
<select>
<option>Big City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Shembull . Zgjedhja e parazgjedhur
Tani le të përpiqemi të zgjedhim një qytet
si parazgjedhje. Le ta bëjmë këtë me anë të atributit
selected:
<select>
<option>Big City1</option>
<option selected>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Shembull . Multiselekt
Tani le ta kthejmë një selekt të zakonshëm në
multiselekt me anë të atributit multiple:
<select multiple name="city[]">
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Kushtojini vëmendje faktit që emri i selektit, i caktuar në atributin name,
duhet të jetë me kllapa katrore në fund. Kjo nevojitet në mënyrë që në PHP
të arrijnë të gjitha vlerat e zgjedhura (përndryshe do të arrijë vetëm një - e fundit).
Shembull . Disa vlera parazgjedhje në multiselekt
Tani, në multiselekt si parazgjedhje, le të përpiqemi të zgjedhim më shumë se një vlerë:
<select multiple name="city[]">
<option>City1</option>
<option selected>City2</option>
<option>City3</option>
<option selected>City4</option>
</select>
: