Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Home > Web Front-end > JS Tutorial > body text

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

WBOY

Release： 2016-05-16 17:27:14

Original

1354 people have browsed it

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".

Related labels：

javascript value text box

source：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 skills Next article：Javascript mask layer and loading effect code_javascript skills

Statement of this Website

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