Le caselle combinate o caselle a discesa sono elementi di HTML che danno ai lettori una lista di opzioni. Questi elementi sono utili per gli sviluppatori quando il numero di possibilità di ingresso è limitata. Per esempio, una casella combinata viene utilizzato per visualizzare un elenco di stati per l'indirizzo di un residente degli Stati Uniti. E rende anche più facile per gli utenti di immettere informazioni in una forma. La casella combinata è un semplice elemento che si aggiunge a un modulo usando un editor HTML o modulo digitando il codice direttamente nella pagina.

Creazione della casella combinata

Una casella combinata è un elemento forma di HTML. elementi del modulo sono costituiti da caselle di testo, pulsanti e caselle combinate. Pertanto, una casella combinata è generalmente avvolto in un tag form per l'elaborazione. Le caselle combinate possono essere utilizzati anche nel codice client-side, come JavaScript. L'utente effettua una selezione dalle voci, e Javascript è chiamato a elaborare le informazioni. Questa tecnica è utile con nascondendo o l'attivazione di altre parti di un modulo, o campi addirittura auto-popolamento per l'utente. Di seguito è riportato un esempio di una casella combinata all'interno di un modulo:

<Form action = \ "myactionpage.aspx \">
<Nome select = \ "chooseone \">
<Option value = \ "Sì \"> Sì </ option>
<Option value = \ "No \"> No </ option>
</ Select>
</ Form>

Il tag <select> denota una casella combinata HTML. Il nome dato dovrebbe essere un nome che viene utilizzato nel trattamento dei dati. I tag <option> elencano i valori disponibili per l'utente. L'utente è solo in grado di scegliere ciò che è elencato nelle opzioni casella combinata, quindi è importante per gli sviluppatori di prendere in considerazione tutte le opzioni quando si definisce una casella combinata.

L'elaborazione di una selezione

Un tipo comune di tecnica di programmazione sta cambiando una parte di una pagina web in base alla selezione effettuata in una casella combinata. Questa operazione viene eseguita utilizzando Javascript. In primo luogo, creare la funzione e aggiungerlo alla pagina web. Di seguito è riportato un esempio di una funzione JavaScript che scrive la selezione alla pagina:

Funzione WriteSelection (valore) {
se (valore == 'Sì') {
document.write (\ "Hai scritto sì! \")
ANDARE
} altro {
document.write (\ "Hai scritto no! \")
ANDARE
}
}

Si noti il ​​parametro di valore che viene passato alla funzione JavaScript. E 'utilizzato nella \ "se \" dichiarazione per determinare cosa scrivere alla pagina. Ora che si crea la funzione, la casella combinata ha bisogno per attivare la chiamata a JavaScript quando un utente effettua una selezione. Sotto è il codice per realizzare questo tipo di lavorazione.

<Form action = \ "myactionpage.aspx \">
<Select name = \ "chooseone \" onindexchanged = \ "WriteSelection (this.value) \">
<Option value = \ "Sì \"> Sì </ option>
<Option value = \ "No \"> No </ option>
</ Select>
</ Form>

Si noti il ​​\ "onindexchanged \" evento. Questo viene attivato quando l'utente effettua una selezione. Il \ "this.value \" y indica il codice per inviare il valore della casella combinata alla funzione JavaScript. In questo modo il programmatore può cambiare dinamicamente le pagine utilizzando JavaScript e la casella combinata HTML.