L’oggetto javascript Option, legato al DOM HTML, rappresenta un elemento selezionabile di un menù a tendina di un Form HTML.
Per ogni <option> viene creato un nuovo oggetto Option.
Per accedere all’oggetto Option, basta accedere all’elemento tramite il percorso gerarchico :document.form.selectName.Options[x]
oppure tramite il getElementById()
Tutte le proprietà su W3schools (select, option) e su quirksmode.org
Un esempio pratico.
<form name="frmTest">
<select name="opzione" id="opzione">
<option value="12">Bello</option>
<option value="5">Insomma</option>
<option value="1">Schifo</option>
</select>
</form>
<script language="javascript">
//calcolo il numero di elementi nel select
n=document.frmTest.opzione.options.length;
mess = "";
messTxt = "";
for (i=0;i<n;i++){
//accedo all’array options delle opzioni e aggiungo il valore alla stringa "mess"
mess += parseInt(document.frmTest.opzione.options[i].value);
messTxt += " " + document.frmTest.opzione.options[i].text;
}
//alert con mess
alert("len: " + n + "\n" + "somma valori: " + mess + "\n" + "concatenazione stringhe: " + messTxt);
</script>
Attenzione!!!
In questo caso ho usato lo script senza una funzione chiamata: ciò significa che è necessario porlo dopo la creazione del Form, altrimenti JS darebbe errore, in quanto gli oggetti a cui puntano gli script non sono ancora creati.
Buon jsDivertimento!
Se trovi questo articolo su un blog diverso da “blog.merlinox.com” si tratta probabilmente di una copia non autorizzata. L’indirizzo originale di questo articolo è: JS – DOM – Options scritto da Merlinox.
