Caselle a discesa sono elementi HTML utilizzati per selezionare i valori da un elenco di ingressi pre-formattati. Essi sono in genere utilizzati per recuperare una selezione da un utente, ma è anche possibile utilizzare questi elementi per modificare i valori in una pagina web. Ciò avviene utilizzando il linguaggio di programmazione web di Javascript. Le modifiche vengono attivate quando l'utente seleziona un valore nella tua casella di elenco a discesa, che viene eseguita una funzione Javascript.

Istruzioni

1

Aprire il file HTML in qualsiasi editor di testo. È anche possibile utilizzare un editor più avanzato che colore tag codici HTML. Si desidera inserire la casella a discesa tra il "< body >" e "< / body >" tag.

2

Immettere il seguente codice nel tuo editor HTML:

< select nome = "test" >

< opzione selezionato - > scegliere un valore, ovvero < / option >

< opzione > primo valore < / option >

< Opzione > secondo valore < / option >

< / selezionare >

3

Trovare il valore che si desidera modificare nella tua pagina. Per esempio, una casella di riepilogo può modificare il valore di una casella di testo. Individuare una casella di testo nel codice HTML e prendere nota del sua "ID" proprietà". Questa proprietà ID è quello che utilizza la casella a discesa per modificare il valore.

4

Aggiungere il codice Javascript nella tua casella di elenco a discesa. In questo esempio, la casella di elenco a discesa cambia il valore della casella di testo. Il codice riportato di seguito è l'istruzione di codice completo casella a discesa:

< select nome = "test" onclick="javascript:textbox.text = this. Value '" >

< opzione selezionato - > scegliere un valore, ovvero < / option >

< opzione > primo valore < / option >

< Opzione > secondo valore < / option >

< / selezionare >

L'istruzione "onclick" modifica il valore della casella di testo per il valore selezionato nella casella a discesa indicato utilizzando l'istruzione di "this. Value".

5

Salvare le modifiche HTML e aprire il file con il browser. Verificare il codice modificando i valori della casella di riepilogo e casella di testo di vedere come il suo valore cambia.