So ändern Sie das Wertattribut der Eingabe in jquery

WBOY
Freigeben: 2022-09-09 16:02:14
Original
3617 Leute haben es durchsucht

In jquery können Sie die val()-Methode verwenden, um das Wertattribut der Eingabe zu ändern. Mit der val()-Methode wird das Wertattribut des ausgewählten Elements zurückgegeben oder festgelegt des Eingabeelements. Die Syntax lautet „$(Eingabeelementobjekt).val(Eingabewert des geänderten Wertattributs);“.

So ändern Sie das Wertattribut der Eingabe in jquery

Die Betriebsumgebung dieses Artikels: Windows 10-System, JQuery-Version 3.6.1, Dell G3-Computer.

So ändern Sie das Wertattribut der Eingabe in jquery

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

Wertattribut zurückgeben:

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

Wertattribut festlegen:

$(selector).val(value)
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").val("PHP中文网");
});
});
</script>
</head>
<body>
<p>名称: <input type="text" name="user" value="www.php.cn"></p>
<button>设置input的值</button>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

So ändern Sie das Wertattribut der Eingabe in jquery

Empfohlene verwandte Tutorials: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo ändern Sie das Wertattribut der Eingabe 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