Come fare dipendenti caselle a discesa in HTML

December 2

Un menu a tendina elenca diverse opzioni da cui il lettore può scegliere. È possibile effettuare la discesa dipende da un input dell'utente utilizzando una combinazione di HTML e JavaScript. JavaScript recupera i dati dalla pagina precedente utilizzando i valori "QueryString" nell'URL. È quindi stampare alla casella a discesa HTML, così gli utenti hanno un numero dipendente di opzioni nel elemento HTML.

istruzione

1 Fare clic destro sul file HTML che si desidera modificare e selezionare "Apri con". Clicca l'editor HTML nell'elenco per aprire il codice nel vostro editor.

2 Creare la casella a discesa. Non è necessario definire i valori, dal momento che il codice JavaScript inserisce i valori in modo dinamico. Utilizzare il seguente codice HTML per creare la casella a discesa:

<Select id = "selezione">

</ Select>

3 Inserire l'elenco dei valori nella casella a discesa HTML. Il seguente codice recupera un elenco di colori dal l'input dell'utente e inserisce i valori nelle voci casella a discesa:

insertItems function () {

URL = window.location.search.substring (1);

colori = URL.split ( "e");

color1 = document.createElement ( "opzione");

color1.Text = colori [0];

color2 = document.createElement ( "opzione");

color2.Text = colori [1];

document.getElementById ( "selezione") aggiungere (color1).;

document.getElementById ( "selezione") aggiungere (color2).;

}

La funzione di cui sopra aggiunge due colori per la casella a discesa creato nel passaggio 2.

4 Salvare le modifiche e aprire il codice in un browser Web per testarlo. Se si è soddisfatti dei risultati, caricare il codice al server host Web dal vivo.