Wie Sie dynamisch Laden einer HTML-Tabelle durch das Drop-Down-Werte dynamisch zu ändern

March 1

JavaScript-Sprache lädt dynamisch eine HTML-Tabelle basierend auf dem Feedback aus einem Dropdown-Wert. Sie die Funktion mit Ihrem HTML Dropdown-Feld verknüpfen, so dass jedes Mal, wenn den Benutzer ändert den Wert, eine Liste der Tabelle, die Werte dynamisch anzeigen. HTML ist eine statische Sprache, aber die "Skript" JavaScript-Tags können Sie dynamische Elemente auf statischen HTML-Seite einfügen.

Anweisungen

1 Mit der rechten Maustaste die Webseite, die Sie bearbeiten möchten und wählen "Öffnen mit". Wählen Sie Ihren bevorzugten HTML-Editor aus der Liste der Programme.

2 Fügen Sie die JavaScript-Funktion zum Erstellen der Tabelle und seine Werte. Der folgende Code zeigt beispielsweise zwei Spalten je eine Auswahl, die in der Dropdown-Liste:

Funktion displayTable(selection) {}Wenn (Auswahl == 1) {}Document.Write ("< Tabelle >< tr >< td > Vorauswahl </td >< / tr >< / Tabelle >");} else {}Document.Write ("< Tabelle >< tr >< td > zweite Auswahl </td >< / tr >< / Tabelle >");}}

3 Verknüpfen Sie die JavaScript-Funktion, um die Dropdown-Box. Kopieren Sie und fügen Sie den folgenden Code in das Dropdown-Feld-Tag-Definition:

OnChange="displayTable(this.Selected)"


SIE KÖNNEN AUCH GERNE