Home  >  Article  >  Web Front-end  >  How to change name in jquery

How to change name in jquery

WBOY
WBOYOriginal
2022-03-18 15:16:572540browse

In jquery, you can use the attr() method to change the name. This method is used to set or return the attributes and values ​​of the selected element. The first parameter is set to the name attribute, and the second parameter is set to name. The changed value of the attribute is sufficient, and the syntax is "element object.attr('name','changed name value')".

How to change name in jquery

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

How to change the name in jquery

In jquery, you can obtain the input object and use the attr() method to modify the name attribute value of the input

Create a new html file and name it It is test.html, used to explain how jquery modifies the name of the input. In the p tag, use the input tag to create a text box and set its name attribute value to user. Set the id of the input tag to myinput, which is mainly used to obtain the input object through this id below.

Use the button tag to create a button with the button name "Modify name attribute". Bind the onclick click event to the button button. When the button is clicked, the editname() function is executed.

In the js tag, create the editname() function. Within the function, obtain the input object through id(myinput), and use the attr() method to change the name attribute to username. The code is as follows:

How to change name in jquery

Open the test.html file in the browser and click the button to view the source code.

How to change name in jquery

How to change name in jquery

Summary:

1. Create a test.html file.

2. In the file, in the p tag, use the input tag to create a text box, set its name attribute value to user, and create a button button to trigger the execution of the js function.

3. Create a function in the js tag. Within the function, obtain the input object and use the attr() method to change the name attribute to username.

Notes

attr() method not only modifies the name attribute value, but also modifies the attribute value of the element.

Recommended related video tutorials: jQuery video tutorial

The above is the detailed content of How to change name in jquery. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn