How to modify the name of input in jquery

In jquery, you can use the attr() method to modify the name attribute value of the input. This method is used to set or return the attribute value of the selected element. The syntax is "input element object.attr('name', Modified name attribute value)".

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

How to modify the name of input in jquery

In jquery, you can modify the name attribute value of input by obtaining the input object and using the attr() method.

Create a new html file, named test.html, to explain how jquery modifies the input name. 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.

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:

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

After clicking the button:

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 modify the name of input in jquery. For more information, please follow other related articles on the PHP Chinese website!