Javascript Select selezionata

Una cosa molto richiesta è come sapere quale voce di una <select> è stata selezionata usando Javascript.

Ci sono ovviamente infiniti modi per farlo, e molto dipende anche da quello ci si deve fare.

Vi posto una funzione un pò generale; faremo un controllo sul valore e poi gli faremo fare qualcosa.

 function selCheck() {
        var e = document.getElementById('my_sel');
        var s = e.options[e.selectedIndex].value;
        if (s === '*') {
            alert("Voce selezionata sbagliata");
        } else {
            alert("OK");
        }
    }

Nella variabile e prendiamo il riferimento all'id che corrisponde alla nostra <select>.

Sotto controlliamo quale voce (<option>) è stata selezionata.

Qui usiamo il parametro value per sapere appunto il valore selezionato; se volessimo vedere invece il testo (cioè la parte visibile del menu a tendina) dovremmo usare text.

Sotto controlliamo che il valore selezionato non sia un asterisco (in generale la prima voce); a seconda del risultato visualiziamo un alert o un altro.