知识大全 JavaScript获取/更改文本框的值

Posted

篇首语:少年安得长少年,海波尚变为桑田。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 JavaScript获取/更改文本框的值相关的知识,希望对你有一定的参考价值。

JavaScript获取/更改文本框的值  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

  尽管<input type=text />和<textarea />是不同元素 但它们均支持同样的特性来获取包含在文本框内的文本 考虑以下例子 <> <head> <title>Retrieying a Textbox Value Example</title> <script type=text/javascript> function getValues() var oTextbox =document getElementById("txt "); var oTextbox =document getElementById("txt "); alert("The value of txt is ""+oTextbox value+""n"+ "The value of txt is"" +oTextbox value+"""); </script> </head> <body> <input type=text size=" " id="txt " /><br/> <textarea rows=" " cols=" " id="txt "></textarea><br /> <input type=button value="Get Values" onclick="getValues()"/> </body> </>

  这个例子显示了两个文本框 一个是单行的另一个是多行的 还有一个按钮 当点击按钮时 会出现警告框显示各个文本框中的内容

  也可以在两个文本框中输入一些内容 然后点击按钮  

  因为value特性是个字符串 可以使用任何字符串的特性和方法 例如 可以使用length特性来获取文本框中的文本长度

  <> <head> <title>Retrieving a Textbox Length Example</title> <script type=text/javascript> function getLengths() var oTextbox =document getElementById("txt "); var oTextbox =document getElementById("txt "); alert ("The length of txt is "+oTextbox value length+"n" +"The length of txt is" +oTextbox value length); </script> </head> <body> <input type=text size=" " id="txt "/><br />

  <textarea rows=" " cols=" " id="txt "></textarea><br /> <input type=button value="Get Lengths "onclick="getLengths()" /> </body> </>

  这个例子中使用value的length特性来判断每个文本框中的字符数

   这个value特性也可用于给文本框设置新内容

  <> <head> <title>Changing a Textbox Value Example</title> <script type=text/javascript> function setValues() var oTextbox =document getElementById("txt "); var oTextbox =document getElementById("txt "); oTextbox value="fitst textbox"; oTextbox value="second textbox";

   </script> </head> <body> <input type=text size=" " id="txt " /><br /> <textarea rows=" " cols=" " id="txt "></textarea><br /> <input type=button value="Set Values" onclick="setValues()" /> </body> </>

cha138/Article/program/Java/JSP/201311/20350

相关参考

知识大全 JS文本框追加多个下拉框的值的简单实例

JS文本框追加多个下拉框的值的简单实例  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!这篇文章介绍了

知识大全 鼠标焦点离开文本框时验证的js代码

本文为大家介绍下利用js来验证文本框的值当鼠标焦点离开文本框时进行验证示例代码如下感兴趣的朋友可以参考下哈希望对大家有所帮助   利用js来验证文本框的值复制代码代码如下:lishixinz

知识大全 javascript获取下拉列表框当中的文本值示例代码

需要将用户点击下拉列表当中某个选项后将其所选的内容保存起来下面与大家分享下如何使用js获取下拉列表框文本值由此需求的朋友可以参考下   近日碰到一个问题就是需要将用户点击下拉列表当中某个选项

知识大全 根据ID填充文本框的实例代码

根据ID填充文本框的实例代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  前台复制代码代码如下

知识大全 限制文本框的输入(只输入数字)

  文本框防止非法字符输入  只输入整数   PrivateSubText_KeyPress(KeyAsciiAsInteger)   Se

知识大全 asp.net 初始化文本框的小例子

这篇文章介绍了aspnet初始化文本框的小例子有需要的朋友可以参考一下希望对你有所帮助 复制代码代码如下:privatevoidClearAllText(SystemWebUIControl

知识大全 用Javascript自动输出网页文本

用Javascript自动输出网页文本  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  在网页中经

知识大全 用JavaScript编写程序实现文本滚动

用JavaScript编写程序实现文本滚动  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  在一些

知识大全 巧用JAVASCRIPT代码限制文本字节数

巧用JAVASCRIPT代码限制文本字节数  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 

知识大全 获取DataGrid单元格中的内容与锁定文本框中的文本

获取DataGrid单元格中的内容与锁定文本框中的文本  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧