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

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

Artikel empfehlen

Implementierung integrierter Module und benutzerdefinierter Module in Node.js

1. Commonjs Commonjs ist ein benutzerdefiniertes ...

Drei Möglichkeiten zum Konfigurieren einer JNDI-Datenquelle in Tomcat

In meiner früheren Arbeit war der Entwicklungsser...

Eine detaillierte Anleitung zu benutzerdefinierten Anweisungen in Vue

Inhaltsverzeichnis 1. Was ist eine benutzerdefini...

Verwenden Sie js, um ein einfaches Schlangenspiel zu schreiben

In diesem Artikel wird der spezifische Code eines...

Beispielcode zur Implementierung des Aushöhlungseffekts mit CSS

Wirkungsprinzip Verwenden Sie hauptsächlich CSS-F...

JavaScript-Wissen: Konstruktoren sind auch Funktionen

Inhaltsverzeichnis 1. Definition und Aufruf des K...

Nativer JS-Musikplayer

In diesem Artikelbeispiel wird der spezifische JS...

Detaillierte Analyse der HTML-Semantik und der zugehörigen Front-End-Frameworks

Über Semantik Die Semantik ist die Lehre von der ...

Installieren und verwenden Sie Git und GitHub unter Ubuntu Linux

Einführung in Git Git ist eine Open-Source-Versio...