Le caselle combinate sono scatole utilizzate nei moduli HTML che contengono opzioni di testo che possono essere selezionate. Le caselle combinate possono assumere la forma di caselle a discesa o una scatola con diverse opzioni visibili. JavaScript in grado di interpretare le selezioni casella combinata quando l'opzione è selezionata o quando un pulsante modulo viene cliccato. JavaScript può quindi generare nuove opzioni di forma o reindirizzare ad un altro sito web.

istruzione

1 Avviare un editor di codice o Notepad.

2 Salvare il file con estensione HTML. Fai clic su "File"> "Salva con nome". Selezionare una directory, e salvare il file con qualsiasi nome e l'estensione ".html".

3 Creare una casella combinata. Inserisci il codice nel documento HTML quindi fare clic su "File"> "Salva". Al fine di accedere agli elementi della casella combinata con JavaScript, è necessario dare un nome al modulo, e le componenti. Il codice seguente consente di creare una casella combinata:

<Form name = "comboform">

<Select name = "Casella combinata" size = "1" onChange = "showchange ()">

<Option value = "#"> Segnaposto </ option>

<Option value = "#"> Segnaposto </ option>

<Option value = "#"> Segnaposto </ option>

</ Select>

4 Scrivere il codice JavaScript per popolare la casella combinata. Inserisci il codice nel file HTML quindi fare clic su "File"> "Salva". JavaScript può scrivere le etichette in opzioni casella combinata. Questo può essere utile quando si creano moduli di navigazione. Il codice seguente popolano i campi opzioni e invia l'utente a un URL quando si seleziona un'opzione:

<Script>

<! -

var categoria = new Array ()

categoria [0] = nuova opzione ( "SELECT", "")

Categoria [1] = nuova opzione ( "Opzione 1", "http://www.somesite.com")

Categoria [2] = nuova opzione ( "Opzione 1", "http://www.somesite.com")

categoria [3] = nuova opzione ( "Opzione 1", "http://www.somesite.com")

var curlevel = 1

var = cacheobj document.dynamiccombo.stage2

Funzione popolano (x) {

per (m = cacheobj.options.length-1; m> 0; M--)

cacheobj.options [m] = null

selectedarray = eval (x)

for (i = 0; i <selectedarray.length; i ++)

cacheobj.options [i] = new Opzione (selectedarray [i] .text, selectedarray [i] .value)

cacheobj.options [0] = true .selected

}

funzione go () {

location = cacheobj.options [cacheobj.selectedIndex] .value

}

popolare (categoria)

// ->

</ Script>

5 Modificare il testo dell'opzione e l'URL di personalizzare la casella combinata.