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

Detaillierte Erklärung zur Verwendung der Vue-Komponente zur Datums- und Uhrzeitauswahl

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

Detaillierte Erklärung zur Verwendung der Vue-Komponente zur Datums- und Uhrzeitauswahl

Beschreibung der Standardtransaktionsisolationsebene von MySQL und Oracle

js implementiert das klassische Minesweeper-Spiel

Zusammenfassung der HTML-Hack-Tags im IE-Browser

Die Verbindung zwischen JavaScript-Konstruktoren und Prototypen

Detaillierte Schritte zur Neuinstallation von VMware Tools (grafisches Tutorial)

js-Speicherleckszenarien, wie man sie im Detail überwacht und analysiert

Drei JavaScript-Methoden zur Lösung des Joseph-Ring-Problems

Angular Dependency Injection erklärt

Professionelle MySQL-Entwicklungsdesignspezifikationen und SQL-Schreibspezifikationen

Artikel empfehlen

Installation und Verwendung von TypeScript und grundlegende Datentypen

Detaillierte Schritte zum Herunterladen und Installieren von Tomcat unter Linux

Beispielcode zur Implementierung einer DIV-Aufhängung mit reinem CSS (feste Position)

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.15 WinX64 unter Windows

Detaillierte Erläuterung der grundlegenden Befehle des Docker-Ausführungsprozesses und des Images

Spezifische Verwendung des Linux-gcc-Befehls

VirtualBox installiert die virtuelle Maschine CentOS7 und Erweiterungstools (Bild und Text)

Was ist dies in einer Punkt-für-Punkt-Reihe von JavaScript?

CocosCreator klassisches Einstiegsprojekt flappybird

Detailliertes Tutorial zur Installation von MySQL 8 in CentOS 7

JavaScript implementiert eine Eingabefeldkomponente

So erhalten Sie Datums-/Uhrzeitdaten in MySQL, gefolgt von .0

Detaillierte Erklärung der .bash_profile-Datei im Linux-System

Lösung für das Problem des Sitzungsfehlers, der durch den Nginx-Reverse-Proxy verursacht wird

Analyse des neuen Ressourcenmanagementsystems von CocosCreator