Heim > Web-Frontend > Front-End-Fragen und Antworten > Kann JQuery den Wert der Eingabe ändern?

Kann JQuery den Wert der Eingabe ändern?

WBOY
Freigeben: 2022-06-09 16:53:46
Original
3242 Leute haben es durchsucht

jquery kann den Wert der Eingabe mithilfe der Methode val() ändern; diese Methode wird verwendet, um das Wertattribut des angegebenen Elements festzulegen oder zurückzugeben Der Parameter für den geänderten Wert reicht aus und die Syntax lautet „Eingabeelement object.val(“Dies ist der geänderte Wert“);“.

Kann JQuery den Wert der Eingabe ändern?

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.4.1-Version, Dell G3-Computer.

Kann jquery den Wert der Eingabe ändern?

Die Methode val() gibt das Wertattribut des ausgewählten Elements zurück oder legt es fest.

Bei Verwendung zur Rückgabe eines Werts:

Diese Methode gibt den Wert des Wertattributs des ersten übereinstimmenden Elements zurück.

Bei Verwendung zum Festlegen eines Werts:

Diese Methode legt den Wert des Wertattributs aller übereinstimmenden Elemente fest.

Hinweis: Die val()-Methode wird normalerweise mit HTML-Formularelementen verwendet.

Syntax

Rückgabewert Attribut:

$(selector).val()
Nach dem Login kopieren

Wert festlegen Attribut:

$(selector).val(value)
Nach dem Login kopieren

Wert über Funktion festlegen Attribut:

$(selector).val(function(index,currentvalue))
Nach dem Login kopieren

Das Beispiel lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("input:text").val("这是改变后的值");
});
});
</script>
</head>
<body>
<p>名称: <input type="text" name="user" value="这是初试值"></p>
<button>设置输入字段的值</button>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

Kann JQuery den Wert der Eingabe ändern?

Video-Tutorial-Empfehlung: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonKann JQuery den Wert der Eingabe ändern?. 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