So ersetzen Sie den ausgewählten Wert eines Textfelds durch Javascript

WBOY
Freigeben: 2022-01-12 16:09:29
Original
2753 Leute haben es durchsucht

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'“.

So ersetzen Sie den ausgewählten Wert eines Textfelds durch Javascript

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:

      Document 
Nach dem Login kopieren

Ausgabeergebnis:

So ersetzen Sie den ausgewählten Wert eines Textfelds durch Javascript

Nach dem Klicken auf die Schaltfläche:

So ersetzen Sie den ausgewählten Wert eines Textfelds durch Javascript

[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!

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
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!