Heim  >  Artikel  >  Web-Frontend  >  So ändern Sie den Namen der Eingabe in jquery

So ändern Sie den Namen der Eingabe in jquery

WBOY
WBOYOriginal
2022-03-29 11:30:493694Durchsuche

In jquery können Sie die Methode attr() verwenden, um den Namensattributwert der Eingabe zu ändern. Diese Methode wird verwendet, um den Attributwert des ausgewählten Elements festzulegen oder zurückzugeben. Die Syntax lautet „Eingabeelement object.attr(“. name', geänderter Namensattributwert)".

So ändern Sie den Namen der Eingabe in jquery

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

So ändern Sie den Namen der Eingabe in JQuery

In JQuery können Sie den Namensattributwert der Eingabe ändern, indem Sie das Eingabeobjekt abrufen und die Methode attr() verwenden.

Erstellen Sie eine neue HTML-Datei und nennen Sie sie test.html, um zu erklären, wie JQuery den Eingabenamen ändert. Verwenden Sie im p-Tag das Eingabe-Tag, um ein Textfeld zu erstellen und dessen Namensattributwert auf Benutzer festzulegen.

Setzen Sie die ID des Eingabe-Tags auf myinput. Dies wird hauptsächlich verwendet, um das Eingabeobjekt über diese ID unten abzurufen. Verwenden Sie das Schaltflächen-Tag, um eine Schaltfläche mit dem Schaltflächennamen „Namensattribut ändern“ zu erstellen. Binden Sie das Onclick-Click-Ereignis an die Schaltfläche. Wenn auf die Schaltfläche geklickt wird, wird die Funktion editname() ausgeführt.

Erstellen Sie innerhalb der Funktion das Eingabeobjekt über id(myinput) und verwenden Sie die Methode attr(), um das Namensattribut in Benutzername zu ändern. Der Code lautet wie folgt:

So ändern Sie den Namen der Eingabe in jquery

Öffnen Öffnen Sie die Datei test.html im Browser und klicken Sie auf die Schaltfläche, um den Quellcode anzuzeigen.

So ändern Sie den Namen der Eingabe in jquery

Nach dem Klicken auf die Schaltfläche:

So ändern Sie den Namen der Eingabe in jquery

Zusammenfassung:

1. Erstellen Sie eine test.html-Datei.

2. Verwenden Sie in der Datei im p-Tag das Eingabe-Tag, um ein Textfeld zu erstellen, legen Sie dessen Namensattributwert auf Benutzer fest und erstellen Sie eine Schaltfläche, um die Ausführung der js-Funktion auszulösen.

3. Erstellen Sie im js-Tag eine Funktion, rufen Sie innerhalb der Funktion das Eingabeobjekt ab und verwenden Sie die Methode attr(), um das Namensattribut in Benutzername zu ändern. Die Methode

Notes

attr() ändert nicht nur den Namensattributwert, sondern auch den Attributwert des Elements.

Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo ändern Sie den Namen der Eingabe in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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