So blenden Sie die Dropdown-Liste in JavaScript

Es gibt viele Gründe, warum Sie eine Dropdown-Liste auf einer Webseite ausblenden, ohne dass die gesamte Seite aktualisieren möchten. Vielleicht Fragen Sie werden Ihre Benutzer, wählen aus einer Liste von Elementen, die "anderen" Option enthält und die Dropdown-Liste zu Gunsten einer Textbox ausblenden möchten. Die Dropdown Liste möglicherweise Teil einer Reihe, die eine frühere Wahl abhängig ist, die Ihre Benutzer macht. In jedem Fall ist eine Dropdown Liste ausblenden eine einfache Aufgabe, die nur ein paar Zeilen JavaScript-Code erfordert.

Anweisungen

1 Öffnen Sie die Webseite mit der Dropdown-Liste, die Sie in Ihrem bevorzugten Text-Editor ausblenden möchten.

2 Bildlauf durch das < Select > Tag der Dropdown-Liste, die Sie ausblenden möchten. Stellen Sie sicher, dass es einen "Id"-Wert, wie im folgenden Beispiel hat:

< select Id = "Mydropdown" >

3 Fügen Sie den folgenden Code unter < Select >-Tag:

< Eingang Typ = "Knopf" Wert = "Liste ausblenden" onClick="document.getElementById (Mydropdown).style.display ="none";" >

Ersetzen Sie den Id-Wert des < Select > Tag für die Instanz von "Mydropdown" oben.

4 Speichern Sie und veröffentlichen Sie Ihre Web-Seite. Die Dropdown Liste wird nun verschwinden, wenn Sie auf die Schaltfläche "Liste ausblenden" klicken.