3 Möglichkeiten zum Hinzufügen von Links zu HTML-Auswahl-Tags

3 Möglichkeiten zum Hinzufügen von Links zu HTML-Auswahl-Tags
Der Erste :

Code kopieren
Der Code lautet wie folgt:

<html>
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=gb2312" />
<title>Link hinzufügen auswählen</title>
</Kopf>
<Text>
<SCRIPT-Sprache=Javascript>
<!--
// öffne die entsprechenden Site-Fenster
Funktion mbar(sobj) {
var docurl =sobj.Optionen[sobj.selectedIndex].Wert;
wenn (docurl != "") {
öffnen(docurl,'_blank');
sobj.selectedIndex=0;
sobj.unschärfe();
}
}
//-->
</SCRIPT>
<Auswählen onchange=mbar(diesen) Namen="auswählen">
<OPTION ausgewählt>=== Partner===</OPTION>
<OPTION-Wert="http://www.baidu.com">Baidu</OPTION>
<OPTION Wert="http://www.163.com">NetEase</OPTION>
<OPTION value="http://www.flash8.net/">Flash-Leiste</OPTION>
</Auswählen>
</body>
</html>

Zweiter Typ :

Code kopieren
Der Code lautet wie folgt:

<select name="Seitenauswahl" onchange="self.location.href=options[selectedIndex].value" >
<OPTION-Wert="http://www.baidu.com">Baidu</OPTION>
<OPTION Wert="http://www.163.com">NetEase</OPTION>
</Auswählen>

Der Dritte mit Sprungtaste :

Code kopieren
Der Code lautet wie folgt:

<html><Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=utf-8" />
<title>Auswahlschaltfläche springen</title>
<Skripttyp="text/javascript">
Funktion setsubmit()
{
wenn (mylink.value == 0)
Fenster.Standort='http://www.baidu.com';
wenn (meinLink.Wert == 1)
Fenster.Standort='http://www.163.com';
wenn (meinLink.Wert == 2)
Fenster.Standort='http://www.sina.com';
}
</Skript>
</Kopf>
<Text>
<select name="meinlink" id="meinlink">
<OPTION Wert="0">Baidu</OPTION>
<OPTION Wert="1">NetEase</OPTION>
<OPTION value="2">Sina</OPTION>
</Auswählen>
<input type="button" id="btn" value="Senden" onclick="setsubmit(this)" />
</body>
</html>

<<:  CSS3 Flex-Layout Justify-Content:Space-Between Die letzte Zeile wird linksbündig ausgerichtet

>>:  Vue3 verwendet Axios Interceptor zum Drucken von Front-End-Protokollen

Artikel empfehlen

Detaillierte Erklärung zum MySQL-Index

Inhaltsverzeichnis 1. Index-Grundlagen 1.1 Einlei...

MySQL-Schritte vollständig löschen

Inhaltsverzeichnis 1. Stoppen Sie zuerst den MySQ...

W3C Tutorial (2): W3C Programme

Der W3C-Standardisierungsprozess ist in 7 verschi...

So installieren Sie ElasticSearch auf Docker in einem Artikel

Inhaltsverzeichnis Vorwort 1. Docker installieren...

Lösung zum Vergessen des MySQL-Root-Passworts in MACOS

MySQL ist ein relationales Datenbankverwaltungssy...

Zusammenfassung des Speicherorts und Tipps für Docker-Konfigurationscontainer

Tipps zur Verwendung von Docker 1. Bereinigen Sie...

Detaillierte Erklärung der Lösung für das zu langsame Docker-Compose

Es gibt nur eine Lösung: die Quelle ändern! Die Q...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.11 Zip

1. Laden Sie das MySQL 5.7.11 Zip-Installationspa...

XHTML-Erste-Schritte-Tutorial: Was ist XHTML?

Was ist HTML? Um es einfach auszudrücken: HTML wi...

Detaillierte Schritte zum Konfigurieren von my.ini für mysql5.7 und höher

Im entpackten Paket von Windows 64-Bit MySQL 5.7 ...

So erstellen Sie einen untergeordneten Prozess in nodejs

Inhaltsverzeichnis Einführung Untergeordneter Pro...

JavaScript zur Implementierung der Funktion zum Ändern des Avatars

In diesem Artikel wird der spezifische JavaScript...