Home > Article > Web Front-end > JavaScript example code to get/change the value of the text box_javascript skills

JavaScript example code to get/change the value of the text box_javascript skills

WBOYOriginal: 2016-05-16 17:27:141360browse

Although and are different elements, they both support the same feature to get the text contained in the text box. Consider the following example: <br></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="89225" class="copybut" id="copybut89225" onclick="doCopy('code89225')"><u> Copy the code </u></a></span> The code is as follows: </div> <div class="codebody" id="code89225"> <br><html><br>< ;head><br><title>Retrieying a Textbox Value Example</title><br><script type="text/javascript"><br>function getValues(){<br>var oTextbox1=document. getElementById("txt1");<br>var oTextbox2=document.getElementById("txt2");<br>alert("The value of txt1 is "" oTextbox1.value ""n" <br>"The value of txt2 is"" oTextbox2.value """);<br>}<br></script><br></head><br><body><br><input type="text" size ="12" id="txt1" /><br/><br><textarea rows="5" cols="25" id="txt2">

This example shows two text boxes, one single-line and the other multi-line, and a button. When the button is clicked, an alert box will appear showing the contents of each text box.

You can also enter some content in the two text boxes and click the button.

Because the value attribute is a string, you can use any string attributes and methods. For example, you can use the length attribute to get the length of the text in the text box:

Copy the code The code is as follows:

Retrieving a Textbox Length Example

< ;/html>

In this example, the length attribute of value is used to determine the number of characters in each text box.

This value attribute can also be used to set new content for the text box:

Copy the code The code is as follows:

Changing a Textbox Value Example

In this example, clicking the button sets the first textbox to "first textbox" and the second textbox to "second textbox".

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

Previous article：Solve the problem of connection error when js data contains plus sign and is transmitted to the background through ajax_javascript skillsNext article：Solve the problem of connection error when js data contains plus sign and is transmitted to the background through ajax_javascript skills

See more

JavaScript example code to get/change the value of the text box_javascript skills

Related articles