<select>

Exista un element in HTML prin care putem crea o lista pentru ca cineva sa aleaga una din optiuni. Este destul de intalnit pe site-uri.

Pentru a crea acest element vom folosi tag-ul <select></select> iar pentru a delimita fiecare optiune din lista trebuie sa folosim tag-ul <option></option>.

Este asemanator cu elementul folosit pentru a crea o lista: <ul></ul> pentru lista si <li></li> pentru fiecare element.

De exemplu o lista cu trei element ar arata astfel:

<select>
    <option>Bucuresti</option>
    <option>Iasi</option>
    <option>Cluj-Napoca</option>
</select>

Iar rezultatul este:

Atribute specifice

name: pentru a putea citi valoarea atunci cand este trimis la server

<select name="oras">
    ...
</select>

value: acest atribut defapt se pune pe fiecare optiune nu pe elementul <select></select>. Atunci cand se va salva formularul, ea va fi trimisa impreuna cu numele pe care l-am dat elementului select.

<select name="oras">
    <option value="B">Bucuresti</option>
    <option value="IS">Iasi</option>
    <option value="CJ">Cluj-Napoca</option>
</select>

Asadar, daca vom alege a doua optiune si vom salva formularul, atunci pe server vom primi pentru oras valoarea IS.