October 25
Le applicazioni Web hanno spesso bisogno di conoscere il valore di un elemento che un utente seleziona. Se questo elemento è una casella di testo o un altro controllo di base, l'applicazione può semplicemente esaminare "Testo" proprietà del controllo per ottenere il suo valore. È anche possibile determinare il valore selezionato in un controllo più avanzato, come ad esempio un elenco a discesa HTML. elenchi a discesa possono contenere un numero ridotto di elementi, come i giorni della settimana, o centinaia di oggetti tirati da un database di prodotto. Attiva la pagina Web per rilevare oggetti discesa selezionato con l'aggiunta di una semplice funzione JavaScript al tuo documento HTML.
1 Avviare qualsiasi editor HTML o Blocco note e aprire uno dei tuoi documenti HTML.
2 Copiare il codice riportato di seguito e incollarlo nella sezione body del documento:
<Select id = "dropDown1">
<Option value = A> Opzione A </ option>
<Option value = B> opzione B </ option>
<Option value = C> Opzione C </ option>
<Option value = D> Opzione D </ option>
</ Select>
<Input type = valore "pulsante" = "discesa Mostra valore" onclick = "checkDropDown ( 'dropDown1')" />
Il pulsante di ingresso passa il nome di un elenco a discesa per una funzione JavaScript che determina il valore selezionato della lista. Il codice sopra il pulsante definisce l'elenco a discesa.
3 Aggiungere il seguente codice alla sezione di script del documento HTML:
Funzione checkDropDown (id) {
var dropDownObject = document.getElementById (id);
var = selezionato dropDownObject.value;
alert ( "Valore selezionato =" + selezionato);
}
Questa funzione - chiamata dal tasto di scatto - ottiene l'oggetto elenco a discesa e controlla la sua proprietà value. La funzione memorizza, inoltre, che il valore nella variabile denominata "selezionato". Una finestra di avviso viene visualizzato il valore in questo esempio, ma è possibile utilizzare tale valore come più ti piace.
4 Salvare il documento. Avviare un browser e visualizzare il documento. Si vedrà l'elenco a discesa e il pulsante.
5 Fai clic sul menu a discesa, quindi fare clic su uno degli elementi della lista. Fare clic sul pulsante "discesa Mostra valore". La funzione JavaScript viene eseguito e visualizza la tua valore selezionato.