So finden Sie den Wert des Eingabefelds in jquery

青灯夜游
Freigeben: 2022-05-24 16:46:58
Original
5839 Leute haben es durchsucht

Zwei Methoden, um den Wert des Eingabefelds zu ermitteln: 1. Verwenden Sie val(), um den Inhaltswert des Eingabefelds (Eingabe) direkt abzurufen, indem Sie die Syntax „$(“input“).val()“ verwenden . Verwenden Sie attr(), um den Wert des Wertattributs im Eingabeelement abzurufen. Die Syntax lautet „$(„input“).attr(„value“)“.

So finden Sie den Wert des Eingabefelds in jquery

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

In HTML werden Eingabefelder mithilfe von Eingabe-Tags definiert. Daher bedeutet das Ermitteln des Werts des Eingabefelds, den Wert des Eingabeetiketts zu ermitteln.

Der Wert des Eingabe-Tags wird durch das Wertattribut gesteuert. Daher müssen Sie als letztes nach dem Wert des Wertattributs des Eingabe-Tags fragen.

Methode 1: Verwenden Sie val(), um den Wert abzurufen.

Die Methode val() gibt den Wert des ausgewählten Elements zurück oder legt ihn fest. Der Wert des

-Elements wird über das Value-Attribut festgelegt. Diese Methode wird hauptsächlich für Eingabeelemente verwendet.

Wenn diese Methode keine Parameter setzt, gibt sie den aktuellen Wert des ausgewählten Elements zurück.

Beispiel:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					console.log($("input").val());
				});
			});
		</script>
	</head>
	<body>

		<input type="text" name="user" value="Hello World" /><br><br>
		<button>获取输入框的值</button>

	</body>
</html>
Nach dem Login kopieren

So finden Sie den Wert des Eingabefelds in jquery

Methode 2: Verwenden Sie attr(), um den Wert abzurufen

Die obige val()-Methode wird speziell zum Festlegen oder Zurückgeben des Inhalts des Eingabe-Tags verwendet, während attr() verwendet wird Um Attribute zu bedienen, kann der Wert des angegebenen Attributs zurückgegeben werden.

Geben Sie einfach den Attributnamen an, dessen Wert Sie erhalten möchten.

$(document).ready(function() {
	$("button").click(function() {
		console.log($("input").attr("value"));
	});
});
Nach dem Login kopieren

So finden Sie den Wert des Eingabefelds in jquery

【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video

Das obige ist der detaillierte Inhalt vonSo finden Sie den Wert des Eingabefelds in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!