Тег select
Тегот select создава паѓачка листа
за употреба во HTML формите.
Посебната ставка во листата треба да се чува во
тегот option.
Атрибути
| Атрибут | Опис |
|---|---|
multiple |
Присутноста на овој атрибут создава мултиселект -
паѓачка листа во која може да се изберат повеќе ставки, притискајќи ја
копчето Ctrl или избирајќи ги со глувчето.
Незадолжителен атрибут. |
name |
Име на паѓачката листа. Потребно е за да може да се достават податоците од полето за внес во PHP. За правилно функционирање на формата, имињата на полињата за внес не треба да се совпаѓаат едно со друго (во иста форма). Ако се совпаѓаат - во PHP ќе пристигнат податоците од полето за внес кое е подолу во HTML кодот. |
Пример
Ајде да погледнеме како функционира паѓачката листа:
html<select>
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
Результат:
Пример
Ајде ширината на паѓачката листа да ја направиме
еднаква на ширината на најголемиот елемент (ако
таа не е експлицитно наведена со користење на CSS својството
width):
html<select>
<option>Big City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
Результат:
Пример . Стандарден избор
А сега ајде да пробаме да избереме град
по стандард. Ќе го направиме ова со помош на атрибутот
selected:
html<select>
<option>Big City1</option>
<option selected>City2</option>
<option>City3</option>
<option>City4</option>
</select>
Результат:
Пример . Мултиселект
Ајде сега да го претвориме обичниот селект во
мултиселект со помош на атрибутот multiple:
html<select multiple name="city[]">
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
Результат:
Обрнете внимание на тоа што името на селектот, зададено во атрибутот name,
треба да биде со квадратни загради на крајот. Ова е потребно за да дојдат сите избрани вредности во PHP
(инаку ќе дојде само една - последната).
Пример . Неколку стандардни вредности во мултиселект
А сега, во мултиселектот по стандард, ајде да пробаме да избереме повеќе од една вредност:
html<select multiple name="city[]">
<option>City1</option>
<option selected>City2</option>
<option>City3</option>
<option selected>City4</option>
</select>
Результат: