Erstellen Sie einen Briefkasten, um Werte zu verändern

Drop-Down-Feldern sind HTML-Elemente verwendet, um Werte aus einer Liste von vorformatierten Eingänge auswählen. Sie dienen in der Regel eine Auswahl von einem Benutzer abgerufen, aber Sie können auch diese Elemente auf einer Webseite ändern. Dies geschieht mithilfe der Programmiersprache Javascript. Die Änderungen werden ausgelöst, wenn der Benutzer einen Wert in Ihrem Dropdown-Box auswählt, die eine Javascript-Funktion ausgeführt wird.

Anweisungen

1 Öffnen Sie Ihre HTML-Datei in einem beliebigen Texteditor. Sie können auch einen erweiterten Editor, der Farb-Code der HTML-Tags. Sollen Ihre Dropdown-Feld zwischen "< Körper >" und "< / body >" Markierungen.

2 Geben Sie den folgenden Code in Ihren HTML-Editor:

< select Name = "test" >

< option SELECTED--> Wählen Sie einen Wert--< / option >

< Option > erste Wert < / option >

< Option > zweite Wert < / option >

< / select >

3 Finde den Wert, den Sie auf Ihrer Seite ändern möchten. Beispielsweise kann ein Dropdown-Feld den Wert eines Textfelds ändern. Suchen Sie ein Textfeld in Ihrem HTML-Code, und beachten Sie die "ID"-Eigenschaft." Diese ID-Eigenschaft ist, was das Dropdown Feld verwendet, um den Wert zu ändern.

4 Fügen Sie den Javascript-Code, um die Dropdown-Box. In diesem Beispiel ändert das Dropdown-Feld der Wert des Textfeldes. Der folgende Code ist die vollständige Dropdown-Feld Codeanweisung:

< select Name = "test" onclick="javascript:textbox.text this.value ='" >

< option SELECTED--> Wählen Sie einen Wert--< / option >

< Option > erste Wert < / option >

< Option > zweite Wert < / option >

< / select >

Die Anweisung "Onclick" ändert sich der Wert des Textfeldes auf den Wert im Feld Dropdown-Liste ausgewählt, angegeben mit der Anweisung "this.value".

5 Speichern Sie die HTML-Änderungen und öffnen Sie die Datei mit Ihrem Browser. Testen Sie den Code durch Ändern der Werte im Dropdownfeld und beobachten Sie das Textfeld als seinen Wert ändert.