So implementieren Sie ein Dropdown-Menü für die HTML-Eingabe

Code kopieren

Der Code lautet wie folgt:

<html>
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=UTF-8" />
</Kopf>
<Text>
<?php
Echo '
<Formularname="DDForm" Methode="GET" Aktion="">
<div Stil="Position:relativ;">
<span style="margin-left:100px;width:18px;overflow:hidden;">
<select style="width:180px;margin-left:-100px" onchange="dieser.parentNode.nextSibling.value=dieser.value" name="hh">
<option value="Auto">Auto</option>
<option value="Zug"> Zug</option>
<option value="Flugzeug"> Flugzeug</option>
</Auswählen>
</span><input name="box" style="width:160px;position:absolute;left:0px;">
<input value="Senden" name="Senden" type="Senden"/>
</div>
</form>';
$aa=$_GET['hh']."111"; // wähle den Wert des Dropdown-Menüs
$bb=$_GET['box']."222"; // Wert des Eingabefelds
echo $a;
echo "</br>";
echo $bb;
// Um den Wert zu erhalten, der in das Dropdown-Menü eingegeben werden kann, holen Sie sich einfach den Wert aus dem Eingabefeld.
?>
</body>
</html>

Um den Wert zu erhalten, der in das Dropdown-Menü eingegeben werden kann, rufen Sie einfach den Wert des Eingabefelds ab.

Hinweis: </span><input name="box" style="width:160px;position:absolute;left:0px;">

Diese Zeile muss in einer Zeile stehen und kann nicht wie folgt geschrieben werden:

</span>

<Eingabename="Box" Stil="Breite:160px;Position:absolut;links:0px;">

Nach dem Zeilenumbruch kann der Wert des Dropdown-Menüs nicht mehr im Eingabefeld angezeigt werden.

Außerdem kann es basierend auf der Eingabe automatisch einen passenden Menüwert auswählen.

<<: Eine kurze Analyse von Patroni in Docker-Containern

>>: Mehrere spezifische Methoden zur MySQL-Speicherplatzbereinigung

jQuery implementiert die Drop-Down-Box zur Auswahl des Wohnortes

Erstellen Sie eine virtuelle Maschine und installieren Sie das Betriebssystem Redhat Linux auf VMware (grafisches Tutorial)

So erstellen Sie eine virtuelle Maschine auf VMwa...

So implementieren Sie ein Dropdown-Menü für die HTML-Eingabe

jQuery implementiert die Drop-Down-Box zur Auswahl des Wohnortes

Implementierungsmethode für die Kapselung von Vue3-Navigationsleistenkomponenten

Detailliertes Tutorial zur Installation der MySQL-Datenbank auf Alibaba Cloud Server

Lösung für Nginx, das nicht zur Upstream-Adresse springt

MySql legt die angegebenen Benutzerdatenbankansichtsabfrageberechtigungen fest

Verwenden Sie die Befehle more, less und cat in Linux, um Dateiinhalte anzuzeigen

Detaillierte Analyse von MySQL-Ausführungsplänen

Analyse der Probleme und Lösungen beim Importieren großer Datenmengen in MySQL

Löschen von Dateien mit Leerzeichen in Linux (keine Verzeichnisse)

Einführung in die Vue-Schaltflächenberechtigungssteuerung

Artikel empfehlen

mysql5.7 Benutzerberechtigung erstellen Benutzer löschen Berechtigung widerrufen

So installieren Sie den Zookeeper-Dienst auf einem Linux-System

JavaScript-Grundlagen: Fehlererfassungsmechanismus

Zwei Möglichkeiten zur Visualisierung von ClickHouse-Daten mit Apache Superset

Detaillierte Erklärung der Rolle von Explain in MySQL

So integrieren Sie die grafische Verifizierungscode-Komponente in die Ant Design Pro-Anmeldefunktion

Anfänger lernen einige HTML-Tags (3)

Erstellen Sie eine virtuelle Maschine und installieren Sie das Betriebssystem Redhat Linux auf VMware (grafisches Tutorial)

Anweisungen zur Verwendung des HTML-Tags dl dt dd

Javascript zum Umschalten durch Klicken auf das Bild

Beispiel für die Implementierung von Gruppierung und Deduplizierung in einer MySQL-Tabellenverknüpfungsabfrage

Virtuelle Maschine klonen Linux Centos6.5 System Netzwerkkarte Konfiguration Grafik-Tutorial

Eine kurze Erläuterung der Lösung für den Fehler beim Starten der Serverinstallation in MySQL

So analysieren Sie die Attributschnittstelle zum Hinzufügen eines Dateisystems unter Linux oder Android

Detaillierte Erklärung der Wertübertragung zwischen übergeordneten und untergeordneten Komponenten in Vue3