Come caricare dinamicamente una tabella HTML che cambiano dinamicamente i Valori Drop Down

September 16

il linguaggio Javascript carica dinamicamente una tabella HTML in base al feedback da un valore di discesa. Si collega la funzione per la vostra casella a discesa HTML, in modo che ogni volta che l'utente modifica il valore, un elenco di tabella di visualizzazione dei valori in modo dinamico. HTML è un linguaggio statico, ma gli "script" tag JavaScript consentono di inserire elementi dinamici sulla pagina HTML statica.

istruzione

1 Fare clic sulla pagina web che si desidera modificare e selezionare "Apri con". Scegli il tuo editor HTML preferito dalla lista dei programmi.

2 Aggiungere la funzione JavaScript per creare la tabella e dei suoi valori. Ad esempio, il codice seguente mostra due colonne a seconda di una selezione effettuata dalla discesa:

Funzione DisplayTable (selezione) {
se (selezione == 1) {
document.write ( "<table> <tr> <td> Prima selezione </ td> </ tr> </ table>");
} altro {
document.write ( "<table> <tr> <td> Seconda selezione </ td> </ tr> </ table>");
}
}

3 Collegare la funzione JavaScript alla tua casella a discesa. Copiare e incollare il seguente codice alla definizione discesa tag scatola:

onchange = "DisplayTable (this.selected)"