Heim >Web-Frontend >Front-End-Fragen und Antworten >So finden Sie den Wert des Eingabefelds in jquery
So finden Sie den Wert des Eingabefelds in jquery
- 青灯夜游Original
- 2022-05-24 16:46:265937Durchsuche
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“)“.
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>
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"));
});
});
【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!