Heim >Web-Frontend >Front-End-Fragen und Antworten >So ändern Sie den Namen der Eingabe in jquery
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)".
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
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:
Öffnen Öffnen Sie die Datei test.html im Browser und klicken Sie auf die Schaltfläche, um den Quellcode anzuzeigen.
Nach dem Klicken auf die Schaltfläche:
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!