Heim Web-Frontend js-Tutorial Realisieren Sie die Verknüpfung der zweiten Ebene von jq auf der Registrierungsseite

Realisieren Sie die Verknüpfung der zweiten Ebene von jq auf der Registrierungsseite

Sep 23, 2017 am 10:35 AM
Stufe 2 联动 页面

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册</title>
<style type="text/css">
.bigp {
	border: 1px solid red;
	width: 90%;
}
.logop {
	border: 1px solid red;
	width: 33%;
	float: left;
	height: 70px;
}
.clear {
	clear: both;
}
</style>
<script src="js/jquery-3.2.1.js"></script>
<script>
$(function(){
	var arrays=[
	   ["郑州","南阳","开封","商丘"],["南京","苏州","无锡","义乌"],["西安","咸阳","华山","长安"]
	];
	$("#privc").change(function(){
		$("#city").get(0).options.length=1;
		var val=this.value;
		/*$(arrays).each(function(i,n){
			if(i==val){
				$(n).each(function(j,m){
					$("#city").append("<option>"+m+"</option>");
				});
			}
		});
		} */
		$(arrays[val]).each(function(i,n){
			$("#city").append("<option>"+n+"</option>");
			});
	
	});
});
</script>
</head>
<body>
	<p class="bigp">
		<p>
			<p class="logop">
				<img src="image/0.png" width="100%" />
			</p>
			<p class="logop">
				<img src="image/1.png" width="100%" />
			</p>
			<p style="padding-top: 20px; height: 50px;">
				<a href="#">登陆</a>  <a href="注册.html">注册</a>  <a href="#">购物车</a>
			</p>
			<p class="clear"></p>
		</p>
		<p style="height: 500px; background-image: url(image/ad.png);">
			<p
				style="border: 2px solid blue; position: absolute; left: 300px; top: 200px; background-color: white;">
				<form action="主页2.html" method="post" >
					<table cellpadding=10px align="center">
						<tr>
							<td>用户名</td>
							<td><input type="text" name="name" id="usename"
								onfocus="tips(&#39;name&#39;,&#39;用户名由字母和数字组成&#39;)" onblur="check()"><span
								id="namespan"></span></td>
						</tr>
						<tr>
							<td>密码</td>
							<td><input type="password" name="password" id="password"
								onfocus="tips(&#39;password&#39;,&#39;密码由数字组成&#39;)"><span
								id="passwordspan"></span></td>
						</tr>
						<tr>
							<td>确认密码</td>
							<td><input type="text" name="repassword" id="repassword"
								onfocus="tips(&#39;repassword&#39;,&#39;密码由数字组成&#39;)"><span
								id="repasswordspan"></span></td>
						</tr>
						<tr>
							<td>邮箱</td>
							<td><input type="email" name="email" id="email"></td>
						</tr>
						<tr>
							<td>籍贯</td>
							<td><select  id="privc"  >
							        <option>--请选择--</option>
									<option value="0">河南省</option>
									<option value="1">江苏省</option>
									<option value="2">陕西省</option></select> 
								<select id="city"><option>--请选择--</option>
							</select></td>
						</tr>
						<tr>
							<td>爱好</td>
							<td><input type="checkbox" name="intest" value="">篮球<input
								type="checkbox" name="intest">羽毛球<input type="checkbox"
								name="intest">乒乓球</td>
						</tr>
						<tr>
							<td colspan="2" align="center"><input type="submit"
								value="注册"></td>

						</tr>
					</table>
				</form>
			</p>
		</p>
		<p style="width: 100%; border: 1px solid blue;">
			<img src="image/5.png" width="100%">
		</p>
		<p style="height: 30px; margin-top: 10px; border: 1px solid blue;">
			<center>
				<a href="">关于我们  </a> <a href="">联系我们 </a> <a href="">招贤纳士</a><a
					href=""> 友情链接</a>
			</center>
		</p>
	</p>
</body>
</html>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonRealisieren Sie die Verknüpfung der zweiten Ebene von jq auf der Registrierungsseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat -Befehle und wie man sie benutzt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So kopieren Sie eine Seite in Word So kopieren Sie eine Seite in Word Feb 20, 2024 am 10:09 AM

Möchten Sie eine Seite in Microsoft Word kopieren und die Formatierung beibehalten? Dies ist eine kluge Idee, da das Duplizieren von Seiten in Word eine nützliche zeitsparende Technik sein kann, wenn Sie mehrere Kopien eines bestimmten Dokumentlayouts oder -formats erstellen möchten. Diese Anleitung führt Sie Schritt für Schritt durch den Prozess des Kopierens von Seiten in Word, unabhängig davon, ob Sie eine Vorlage erstellen oder eine bestimmte Seite in einem Dokument kopieren. Diese einfachen Anweisungen sollen Ihnen dabei helfen, Ihre Seite einfach neu zu erstellen, ohne bei Null anfangen zu müssen. Warum Seiten in Microsoft Word kopieren? Es gibt mehrere Gründe, warum das Kopieren von Seiten in Word sehr vorteilhaft ist: Wenn Sie ein Dokument mit einem bestimmten Layout oder Format kopieren möchten. Im Gegensatz dazu, die gesamte Seite von Grund auf neu zu erstellen

Zhengtu IPx klassische Animation „Reise in den Westen' Die Reise in den Westen ist furchtlos und furchtlos Zhengtu IPx klassische Animation „Reise in den Westen' Die Reise in den Westen ist furchtlos und furchtlos Jun 10, 2024 pm 06:15 PM

Reisen Sie durch die Weiten und begeben Sie sich auf die Reise in den Westen! Heute gab Zhengtu IP offiziell bekannt, dass es eine grenzüberschreitende Zusammenarbeit mit dem CCTV-Animationsfilm „Journey to the West“ starten wird, um gemeinsam ein kulturelles Fest zu schaffen, das Tradition und Innovation vereint! Diese Zusammenarbeit markiert nicht nur die intensive Zusammenarbeit zwischen den beiden großen inländischen Klassikmarken, sondern zeigt auch die unermüdlichen Bemühungen und die Beharrlichkeit der Journey-Reihe bei der Förderung der traditionellen chinesischen Kultur. Seit ihrer Geburt ist die Zhengtu-Serie bei Spielern wegen ihres tiefgreifenden kulturellen Erbes und ihres abwechslungsreichen Gameplays beliebt. Was das kulturelle Erbe angeht, hat die Zhengtu-Reihe stets Respekt und Liebe für die traditionelle chinesische Kultur bewahrt und traditionelle kulturelle Elemente geschickt in das Spiel integriert, was den Spielern mehr Spaß und Inspiration bringt. Der CCTV-Animationsfilm „Reise in den Westen“ ist ein Klassiker, der das Heranwachsen von Generationen begleitet hat.

So passen Sie den Standby-Modus auf dem iPhone an und bearbeiten ihn: Was ist neu in iOS 17? So passen Sie den Standby-Modus auf dem iPhone an und bearbeiten ihn: Was ist neu in iOS 17? Sep 21, 2023 pm 04:01 PM

Standby ist eine neue Funktion im iOS 17-Update, die eine neue und verbesserte Möglichkeit bietet, auf Informationen zuzugreifen, wenn Ihr Telefon schnell inaktiv ist. Mit StandBy können Sie bequem die Uhrzeit überprüfen, bevorstehende Ereignisse anzeigen, Ihren Kalender durchsuchen, Wetteraktualisierungen für Ihren Standort abrufen und vieles mehr. Nach der Aktivierung wechselt das iPhone intuitiv in den Standby-Modus, wenn es während des Ladevorgangs auf Querformat eingestellt wird. Diese Funktion eignet sich perfekt für kabellose Ladestationen wie Ihren Nachttisch oder wenn Sie Ihr iPhone während der täglichen Aufgaben nicht aufladen können. Sie können damit durch verschiedene im Standby-Modus angezeigte Widgets wischen, um auf verschiedene Informationssätze aus verschiedenen Anwendungen zuzugreifen. Möglicherweise möchten Sie diese Widgets jedoch ändern oder einige sogar löschen, je nach Ihren Vorlieben und den Informationen, die Sie häufig benötigen. Also lasst uns eintauchen

Wie kann ich eine Webseite schnell aktualisieren? Wie kann ich eine Webseite schnell aktualisieren? Feb 18, 2024 pm 01:14 PM

Bei der täglichen Nutzung eines Netzwerks kommt es häufig zu Seitenaktualisierungen. Wenn wir eine Webseite besuchen, treten manchmal Probleme auf, z. B. wenn die Webseite nicht geladen wird oder nicht ordnungsgemäß angezeigt wird. Zu diesem Zeitpunkt entscheiden wir uns normalerweise dafür, die Seite zu aktualisieren, um das Problem zu lösen. Wie kann die Seite also schnell aktualisiert werden? Lassen Sie uns die Tastenkombinationen für die Seitenaktualisierung besprechen. Die Tastenkombination für die Seitenaktualisierung ist eine Methode zum schnellen Aktualisieren der aktuellen Webseite über Tastaturoperationen. In verschiedenen Betriebssystemen und Browsern können die Tastenkombinationen für die Seitenaktualisierung unterschiedlich sein. Im Folgenden verwenden wir das gebräuchliche W

So ordnen Sie iPhone-Startbildschirmseiten neu an, deaktivieren und löschen sie So ordnen Sie iPhone-Startbildschirmseiten neu an, deaktivieren und löschen sie Nov 29, 2023 am 08:22 AM

Unter iOS ermöglicht Apple Ihnen, einzelne Startbildschirmseiten auf Ihrem iPhone zu deaktivieren. Es ist auch möglich, die Reihenfolge der Startbildschirmseiten neu zu ordnen und Seiten direkt zu löschen, anstatt sie nur zu deaktivieren. So funktioniert das. So ordnen Sie die Seiten des Startbildschirms neu an: Berühren und halten Sie die Leertaste auf dem Startbildschirm, um in den Jitter-Modus zu wechseln. Tippen Sie auf die Punktreihe, die die Seiten des Startbildschirms darstellt. Berühren und ziehen Sie im angezeigten Raster des Startbildschirms eine Seite, um sie relativ zu anderen Seiten neu anzuordnen. Andere bewegen sich als Reaktion auf Ihr Ziehen. Wenn Sie mit Ihrer neuen Anordnung zufrieden sind, tippen Sie in der oberen rechten Ecke des Bildschirms auf „Fertig“ und anschließend erneut auf „Fertig“, um den Dither-Modus zu verlassen. So deaktivieren oder entfernen Sie Startbildschirmseiten: Berühren und halten Sie die Leertaste auf dem Startbildschirm, um in den Dither-Modus zu wechseln. Tippen Sie hier, um den Startbildschirm anzuzeigen

So implementieren Sie einen Seitensprung in 3 Sekunden: PHP-Programmierhandbuch So implementieren Sie einen Seitensprung in 3 Sekunden: PHP-Programmierhandbuch Mar 25, 2024 am 10:42 AM

Titel: Implementierungsmethode des Seitensprungs in 3 Sekunden: PHP-Programmierhandbuch In der Webentwicklung ist der Seitensprung eine übliche Operation. Im Allgemeinen verwenden wir Meta-Tags in HTML- oder JavaScript-Methoden, um zu Seiten zu springen. In bestimmten Fällen müssen wir jedoch Seitensprünge auf der Serverseite durchführen. In diesem Artikel wird erläutert, wie Sie mithilfe der PHP-Programmierung eine Funktion implementieren, die innerhalb von 3 Sekunden automatisch zu einer bestimmten Seite springt, und es werden auch spezifische Codebeispiele aufgeführt. Das Grundprinzip des Seitensprungs mit PHP ist eine Art

Bluetooth-Lautsprecher oder -Headset piept unter Windows 11/10 ständig Bluetooth-Lautsprecher oder -Headset piept unter Windows 11/10 ständig Feb 19, 2024 am 11:10 AM

Wenn Ihre Bluetooth-Lautsprecher oder Kopfhörer an Ihrem Windows 11/10-Computer einen ständigen Piepton von sich geben, kann dies Ihren Musikgenuss beeinträchtigen. In diesem Artikel finden Sie Möglichkeiten, dieses Problem zu lösen, damit Sie diese lästige Situation beseitigen können. Bluetooth-Lautsprecher oder -Kopfhörer piepen unter Windows 11/10 weiterhin. Wenn Ihre Bluetooth-Kopfhörer oder -Lautsprecher unter Windows 11/10 weiterhin piepen, verwenden Sie die folgenden Vorschläge, um das Problem zu beheben. Vorbereitende Schritte Führen Sie die Audio-Fehlerbehebung aus. Aktualisieren Sie die Firmware Ihres Bluetooth-Geräts. Installieren Sie die erforderlichen Treiber neu. Setzen Sie Ihr Bluetooth-Gerät zurück. Ihr Gerät ist möglicherweise fehlerhaft. Wir haben alle diese Korrekturen unten ausführlich erläutert. 1] Vorbereitende Schritte Führen Sie zunächst einige vorbereitende Schritte durch. Wenn diese

Wie man mit dem Problem umgeht, dass die Laravel-Seite CSS nicht korrekt anzeigen kann Wie man mit dem Problem umgeht, dass die Laravel-Seite CSS nicht korrekt anzeigen kann Mar 10, 2024 am 11:33 AM

„Wie man mit dem Fehler umgeht, dass Laravel-Seiten CSS nicht korrekt anzeigen, sind spezifische Codebeispiele erforderlich.“ Wenn Sie das Laravel-Framework zum Entwickeln von Webanwendungen verwenden, tritt manchmal das Problem auf, dass die Seite CSS-Stile nicht korrekt anzeigen kann, was dazu führen kann Seite, um abnormale Stile darzustellen. In diesem Artikel werden einige Methoden vorgestellt, um mit dem Versagen von Laravel-Seiten bei der korrekten Anzeige von CSS umzugehen, und spezifische Codebeispiele bereitgestellt, um Entwicklern bei der Lösung dieses häufigen Problems zu helfen. 1. Überprüfen Sie den Dateipfad. Überprüfen Sie zunächst den Pfad der CSS-Datei.

See all articles