Select tags
Tags select izveido nolaižamo sarakstu
lietošanai HTML formās.
Atsevišķs saraksta punkts jāglabā
tagā option.
Atribūti
| Atribūts | Apraksts |
|---|---|
multiple |
Šī atribūta klātbūtne izveido multiselektu -
nolaižamo sarakstu, kurā var izvēlēties vairākus punktus, turpinot
taustiņu Ctrl vai izvēloties tos ar peli.
Neobligāts atribūts. |
name |
Nosaukums nolaižamajam sarakstam. Nepieciešams, lai varētu iegūt ievades lauka datus PHP. Lai forma darbotos korekti, ievades lauku vārdi nedrīkst sakrist viens ar otru (vienā formā). Ja tie sakrīt - PHP nonāks dati no tā ievades lauka, kas atrodas zemāk HTML kodā. |
Piemērs
Apskatīsim, kā darbojas nolaižamais saraksts:
<select>
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Piemērs
Padarīsim nolaižamā saraksta platumu
vienādu ar plašākā elementa platumu (ja
tas netiks skaidri norādīts, izmantojot CSS īpašību
width):
<select>
<option>Big City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Piemērs . Noklusējuma izvēle
Un tagad mēģināsim izvēlēties pilsētu
pēc noklusējuma. Izdarīsim to, izmantojot atribūtu
selected:
<select>
<option>Big City1</option>
<option selected>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Piemērs . Multiselekts
Tagad pārveidosim parasto selektu par
multiselektu, izmantojot atribūtu multiple:
<select multiple name="city[]">
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Ievērojiet, ka selektam piešķirtais nosaukums atribūtā name
jābūt ar kvadrātiekavām beigās. Tas ir nepieciešams, lai PHP
iendotu visas izvēlētās vērtības (pretējā gadījumā iendos tikai viena - pēdējā).
Piemērs . Vairākas noklusējuma vērtības multiselektā
Un tagad multiselektā pēc noklusējuma mēģināsim izvēlēties vairāk nekā vienu vērtību:
<select multiple name="city[]">
<option>City1</option>
<option selected>City2</option>
<option>City3</option>
<option selected>City4</option>
</select>
: