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

Details zur Bündelung statischer Ressourcen ohne JavaScript

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

Details zur Bündelung statischer Ressourcen ohne JavaScript

W3C Tutorial (12): W3C Soap Aktivität

MySql schnelles Einfügen von zig Millionen großen Datenbeispielen

Detaillierte Erklärung des TodoList-Falls von Vue

Zusammenfassung der Überwachung von Tastaturereignissen durch Vue

Thumbnail-Hover-Effekt mit CSS3 implementiert

So erfassen Sie Ausnahmen in React

Detaillierte Analyse der SQL-Ausführungsschritte

Detaillierte Erläuterung der Konfiguration und Optimierung des statischen Nginx-Dateidienstes

Eine vollständige Erklärung der MySQL-Hochverfügbarkeitsarchitektur: MHA-Architektur

Artikel empfehlen

nginx+tomcat-Beispiel für den Zugriff auf das Projekt über den Domänennamen

Implementierung der MySQL-Datensortierung (aufsteigend und absteigend)

Grundlegende Kenntnisse zur Verwendung von Miniprogrammen (sehr umfangreich, empfehlenswert!)

Vue implementiert Pulldown, um mehr zu laden

Mehrere Möglichkeiten zur vertikalen und horizontalen Zentrierung in CSS3 mit unbestimmter Höhe und Breite

Empfohlene Tipps für Web-Frontend-Ingenieure

Detaillierte Erklärung zur grundlegenden Verwendung des React Native-Scaffoldings

Fehlereinfügungsanalyse der Funktion „updatexml()“ von MySQL

Tutorial zur Installation und Verwendung des Elasticsearch-Tools cerebro

Verabschieden Sie sich vom Hard-Coding und lassen Sie Ihre Front-End-Tabelle den Instanzcode automatisch berechnen

Detaillierte Erklärung dieser Referenz in React

Leitfaden zum Schreiben von HTML-Code

MySQL-Import- und Export-Sicherungsdetails

Installieren Sie Centos7 mithilfe einer virtuellen Hyper-V-Maschine

iFrame-Mehrschichtverschachtelung, unbegrenzte Verschachtelung, hochadaptive Lösung