知识大全 JavaScript获取/更改文本框的值的实例代码

Posted

篇首语:人生难得几回搏,此时不搏待何时。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 JavaScript获取/更改文本框的值的实例代码相关的知识,希望对你有一定的参考价值。

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

这篇文章介绍了JavaScript获取/更改文本框的值的实例代码 有需要的朋友可以参考一下  

  尽管<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/20518

相关参考

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

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

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

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

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

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

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

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

知识大全 JS中获取数据库中的值的方法

JS中获取数据库中的值的方法  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!在项目中遇到一个问题需要

知识大全 JavaScript获取onclick、onchange等事件值的代码

JavaScript获取onclick、onchange等事件值的代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶

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

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

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

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

知识大全 JS代码同步文本框内容的实例方法

JS代码同步文本框内容的实例方法  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!这篇文章介绍了JS代

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

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