Utilizzando le funzioni JavaScript, gli sviluppatori possono gestire diversi aspetti del contenuto della pagina Web. Se si dispone di un modulo Web con elenchi a discesa in esso, è possibile rilevare e proprietà di controllo di questi elementi all'interno JavaScript. Chiamando funzioni JavaScript su interazione con l'utente, è possibile creare pagine che sono dinamici e coinvolgenti. "Se poi" dichiarazioni in JavaScript sono espresse utilizzando test condizionali, che è possibile implementare in collaborazione con l'elemento selezionare HTML.

Selezionare controllo

forme Web utilizzano una serie di controlli utente, tra cui testo-campi, pulsanti, pulsanti di opzione, caselle di controllo e gli elenchi a discesa. L'elenco a discesa in HTML si ottiene utilizzando gli elementi di selezione e le opzioni. Il seguente esempio di codice markup HTML dimostra:

<Select id = "animali">
<Option value = "cat"> Cat </ option>
<Option value = "cane"> Cane </ option>
<Option value = "mouse"> Mouse </ option>
</ Select>

Questo codice crea un elenco a discesa con tre opzioni. L'attributo value è spesso usato come un identificatore all'interno di entrambi script lato client e server. Il contenuto di ciascun elemento opzione appare tra i tag di apertura e di chiusura. Il contenuto è ciò che l'utente vedrà quando fanno clic sul controllo di selezione per visualizzare le opzioni.

Funzione JavaScript

Per utilizzare una funzione JavaScript con elementi selezionati e opzioni, gli sviluppatori possono includere un link a un file script separato o dello stesso script nella sezione head della pagina Web. Il codice di esempio riportato di seguito illustra la creazione di una sezione per il codice JavaScript con un contorno funzioni al suo interno:
<Script type = "text / javascript">
Funzione SelectControl () {
// Implementazione funzione
}
</ Script>

All'interno della funzione, lo sviluppatore può includere qualsiasi elaborazione necessaria per il controllo di selezione. Nella sezione del corpo della pagina, il seguente codice del pulsante chiama la funzione interazione con l'utente:
<Input type = valore "pulsante" = "selezionare il controllo" onclick = "SelectControl ()" />

Quando l'utente seleziona il pulsante, il contenuto della funzione eseguirà.

Seleziona le opzioni

All'interno della funzione JavaScript, lo sviluppatore può includere qualsiasi elaborazione necessaria per la funzionalità della pagina. Il seguente esempio di codice JavaScript dimostra il recupero dei selezionare le opzioni di elemento come un oggetto array:
var optionsArray = document.getElementById ( "animali") opzioni.;

Questo codice acquisisce prima un riferimento all'elemento selezionare HTML usando il suo attributo ID, quindi restituisce le opzioni per quel particolare elemento di selezione, la loro memorizzazione come una variabile array. Il ciclo funzione può attraverso gli elementi opzionali come segue:
var opt;
per (opt = 0; opt <optionsArray.length; optare ++) {
alert (optionsArray [opt] .value);
}

Per la dimostrazione, questo ciclo restituisce il valore di ciascuna opzione, a sua volta, utilizzando il suo attributo value.

Condizionale

codice JavaScript può utilizzare le strutture di controllo come condizionali per elaborare il contenuto degli elementi selezionati e opzionali. Il codice di esempio riportato di seguito illustra un test condizionale sulla lunghezza di ciascun attributo value option elemento, all'interno del ciclo:
var = optLen optionsArray [opt] .value.length;
if (optLen> 3) alert (optLen);

Questo codice acquisisce prima la lunghezza dell'attributo value dell'elemento opzione corrente come variabile numero. Poi il codice verifica in un'istruzione if, scrivendo ad una finestra di segnalazione solo se la lunghezza è maggiore di tre.