Nwlapcug.com


Come caricare dinamicamente una tabella HTML modificando dinamicamente i valori di riepilogo a discesa

Linguaggio JavaScript carica dinamicamente una tabella HTML basata sul feedback da un valore di discesa. La funzione di collegamento alla tua casella di elenco a discesa HTML, così ogni volta che l'utente modifica il valore, un elenco di tabella, i valori vengono visualizzati in modo dinamico. HTML è un linguaggio statico, ma il tag "script" JavaScript consentono di inserire elementi dinamici della pagina HTML statica.

Istruzioni

1

Destro della pagina web che si desidera modificare e selezionare "Apri con". Scegliere editor HTML preferito dall'elenco dei programmi.

2

Aggiungere la funzione JavaScript per creare la tabella e i relativi valori. Per esempio, il codice seguente mostra due colonne a seconda di una selezione effettuata dal menu a discesa:

Function displayTable(selection) () {
Se (selezione = = 1) {
Document. Write ("< tabella >< tr >< td > prima selezione < /td >< /tr >< / tavolo >");
} else {
Document. Write ("< tabella >< tr >< td > seconda selezione < /td >< /tr >< / tavolo >");
}
}

3

Collegare la funzione JavaScript alla tua casella di elenco a discesa. Copiare e incollare il codice seguente alla definizione di etichetta della casella a discesa:

OnChange="displayTable(this.Selected)"