Heim > Artikel > Web-Frontend > So ersetzen Sie den ausgewählten Wert eines Textfelds durch Javascript
So ersetzen Sie den ausgewählten Wert eines Textfelds durch Javascript
- WBOYOriginal
- 2022-01-12 16:09:292833Durchsuche
In JavaScript können Sie das Wertattribut verwenden, um den im Textfeld ausgewählten Wert zu ersetzen. Dieses Attribut kann den Standardwert des Kennwortfelds festlegen oder zurückgeben, indem Sie das Textfeldobjekt abrufen und seinen Wertattributwert ändern Ändern Sie den Wert des Textfelds. Die Syntax lautet „Geben Sie den ausgewählten Text an: object.value='replaced value'“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, JavaScript-Version 1.8.5, Dell G3-Computer.
So ersetzen Sie den im Textfeld ausgewählten Wert durch Javascript
In js können Sie den Wert des Textfelds ändern, indem Sie das Textfeldobjekt abrufen und sein Wertattribut ändern.
Das Beispiel sieht wie folgt aus:
Erstellen Sie ein Textfeld mit dem Eingabe-Tag und setzen Sie dessen ID-Attribut auf „Test“, mit dem das unten stehende Textfeldobjekt abgerufen wird. Legen Sie den Standardwert des Eingabetextfelds über den Wert fest. Der hier festgelegte Standardwert ist beispielsweise 5566.
Erstellen Sie eine Schaltfläche mithilfe des Schaltflächen-Tags, binden Sie das Ereignis onclick an die Schaltfläche und führen Sie die Funktion editinput() aus, wenn auf die Schaltfläche geklickt wird.
Erstellen Sie im js-Tag die Funktion editinput(). Rufen Sie innerhalb der Funktion das Eingabeobjekt über die ID ab und ändern Sie den Wert des Textfelds, indem Sie das Wertattribut des Objekts neu zuweisen.
Die Syntax lautet wie folgt:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<input type="text" value="5566" id="test">
<button onclick="editinput()">修改</button>
<script>
function editinput() {
document.getElementById("test").value='8888';
}
</script>
</body>
</html>Ausgabeergebnis:
Nach dem Klicken auf die Schaltfläche:
[Verwandte Empfehlungen: Javascript-Lerntutorial]
Das obige ist der detaillierte Inhalt vonSo ersetzen Sie den ausgewählten Wert eines Textfelds durch Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!