July 30
Un menu a discesa è un elenco espandibile delle voci di testo su una pagina Web che gli utenti possono scegliere con il mouse. selezione di un utente potrebbe essere presentato come parte di un modulo o utilizzato per attivare il codice JavaScript per effetti più dinamici e funzionalità. JavaScript può essere utilizzato anche per modificare dinamicamente il contenuto di un menu a discesa dopo che la pagina viene caricata, in modo da poter riconfigurare le opzioni di menu disponibili per l'utente on-the-fly.
1 Inserire il codice seguente tra i tag "testa" del documento HTML:
<Script type = "text / javascript">
Funzione addMenuItem (menuObj, ItemName, index) {
menuObj = document.getElementById(menuObj);
var newItem = document.createElement ( "opzione");
newItem.text = ItemName;
menuObj.add (newItem, menuObj.options [index]);
}
Funzione removeMenuItem (menuObj, index) {
menuObj = document.getElementById(menuObj);
menuObj.remove (indice);
}
</ Script>
Queste due funzioni aggiungere e rimuovere elementi da un menu a discesa, rispettivamente. Il menù è identificato dal suo attributo univoco "id". La variabile "index" è utilizzato per specificare una posizione nel menu: la prima voce in un menu ha il valore dell'indice "0", il prossimo "1" e così via.
2 Creare un menu a discesa nel corpo del documento HTML con codice come questo:
<Select id = "MENU1">
<Option> Voce di menu 1 </ option>
<Option> Voce di menu 2 </ option>
<Option> Voce di menu 3 </ option>
</ Select>
Se si utilizzano più menu a discesa in una pagina, dare ogni tag "selezionare" un attributo unico "id".
3 Aggiungere il seguente codice al corpo del documento HTML per testare le funzioni JavaScript del menu è stato creato:
<Input id = "input" type = "text" />
<Input type = valore "pulsante" = "Aggiungi voce di menu" onclick = "addMenuItem ( 'menu1', document.getElementById ( 'input'). Value)" />
<Input type = valore "pulsante" = "Rimuovi Menu Articolo #" onclick = "removeMenuItem ( 'menu1', parseInt (document.getElementById ( 'input') value).);" />
4 Salvare la pagina e caricare in un browser Web. Digitare qualcosa nel campo di testo e fare clic su "Aggiungi voce di menu". Fai clic sul menu a discesa e vedere che il tuo articolo è stato aggiunto. Digitare il numero 0 nel campo e fare clic su "Rimuovi voce di menu #". Il primo elemento viene rimosso dal menu.