JavaScript获取/更改文本框的值

尽管<input type="text" />和<textarea />是不同元素,但它们均支持同样的特性来获取包含在文本框内的文本。考虑以下例子:

<html>
<head>
<title>Retrieying a Textbox Value Example</title>
<script type="text/javascript">
function getValues(){
var oTextbox1=document.getElementById("txt1");
var oTextbox2=document.getElementById("txt2");
alert("The value of txt1 is ""+oTextbox1.value+""n"+
"The value of txt2 is"" +oTextbox2.value+""");
}
</script>
</head>
<body>
<input type="text" size="12" id="txt1" /><br/>
<textarea rows="5" cols="25" id="txt2"></textarea><br />
<input type="button" value="Get Values" onclick="getValues()"/>
</body>
</html>

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

 

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

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

<html>
<head>
<title>Retrieving a Textbox Length Example</title>
<script type="text/javascript">
function getLengths(){
var oTextbox1=document.getElementById("txt1");
var oTextbox2=document.getElementById("txt2");
alert ("The length of txt1 is "+oTextbox1.value.length+"n"
+"The length of txt2 is" +oTextbox2.value.length);
}
</script>
</head>
<body>
<input type="text" size="12" id="txt1"/><br />

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

 

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

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

<html>
<head>
<title>Changing a Textbox Value Example</title>
<script type="text/javascript">
function setValues(){
var oTextbox1=document.getElementById("txt1");
var oTextbox2=document.getElementById("txt2");
oTextbox1.value="fitst textbox";
oTextbox2.value="second textbox";

}
</script>
</head>
<body>
<input type="text" size="12" id="txt1" /><br />
<textarea rows="5" cols="25" id="txt2"></textarea><br />
<input type="button " value="Set Values" onclick="setValues()" />
</body>
</html>

这个例子中,点击按钮可将第一个文本框设置为"first textbox",将第二个文本框设置为"second textbox"。

时间: 2024-12-23 18:19:02

JavaScript获取/更改文本框的值的相关文章

JavaScript获取/更改文本框的值的实例代码

这篇文章介绍了JavaScript获取/更改文本框的值的实例代码,有需要的朋友可以参考一下   尽管<input type="text" />和<textarea />是不同元素,但它们均支持同样的特性来获取包含在文本框内的文本.考虑以下例子: 复制代码 代码如下: <html> <head> <title>Retrieying a Textbox Value Example</title> <script

JavaScript获取/更改文本框的值的实例代码_javascript技巧

尽管<input type="text" />和<textarea />是不同元素,但它们均支持同样的特性来获取包含在文本框内的文本.考虑以下例子: 复制代码 代码如下: <html><head><title>Retrieying a Textbox Value Example</title><script type="text/javascript">function getVal

JavaScript实现将文本框的值插入指定位置的方法_javascript技巧

本文实例讲述了JavaScript实现将文本框的值插入指定位置的方法.分享给大家供大家参考.具体如下: 这里实现JavaScript将文本框的值插入当前面指定位置,这在一些表单提交场合或许我们都用到过,本代码段是将文本框的值写入到当前页的body区域内,如果你设置有其它的文本框,则可以值赋给这些文本框,可以让使用表单的用户免去输入的麻烦. 运行效果如下图所示: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional

jquery 文本框失去焦点获取当前文本框的值及隐藏域的值

 本人的js水平有些差劲,弄了一个文本框失去焦点并获取相应隐藏域的值就弄了3分钟,嗨..对于那些js.jquery 的大神们表示崇高的敬意.在此把实现的代码贴出来给不知道的codefans看一下,适用于循环列表,动态更改排列顺序,大神就飘过吧. html代码 <script src="http://code.jquery.com/jquery-latest.js"></script> <ul id="px1">     <l

javascript动态更改文本框 文本域 下拉框的属性

首先,控制input,与textarea只读属性是 readonly 在js中 可以这样去改变,这里要注意js中O要大写 readOnly  代码如下 复制代码 <script type="text/javascript">   //按TagName得到input标签数组   var inputList = document.getElementsByTagName("input");   //循环数组   for( var i = 0; i <

获取input表签的值-在webbrowser控件中获取文本框的值

问题描述 在webbrowser控件中获取文本框的值 复制授权码 请问高手们怎么才能获取到input标签的值呢 相关文章 javaweb-value为空,如何获取文本框的值? javascript-在js中 如何用Jquery 获取一个文本框中的值 文本框中ID=A js文本框-js获取文本框的值,有默认值 javascript-如何获取HTML网页密码输入框的值? jquery怎么让循环的两个文本框的值相加 servlet-想通过href链接传递文本框的值,该怎么得到文本框的值 textbox

javascript-Javajs页面获取文本框的值(每隔一秒)

问题描述 Javajs页面获取文本框的值(每隔一秒) js 页面如何每隔一秒获取一下文本框的值?求解......................................................................... 解决方案 function myrefresh() { window.location.reload(); } setTimeout('myrefresh()',1000); //指定1秒刷新一次 上面的代码每一秒刷新一次,刷新之后onload的时候把

js/jquery获取文本框的值与改变文本框的值

我们就用它来学习获取文本框的值及改变文本框的值.    代码如下 复制代码 <script> function get1() {  document.getElementById("txtbox2").value=document.getElementById("txtbox").value;  //获取文本框1的值,并赋值给文本框2 } </script> <table width="500" border=&qu

js文本框-js获取文本框的值,有默认值

问题描述 js获取文本框的值,有默认值 文本框的默认值为value="",我给设置了失去焦点事件,等我输入了"你好",失去焦点 alert文本框的值,输出的却是""; 怎么解决? 解决方案 function show(){ obj1=document.getElementById("aaaa"); alert(obj1.value); } 随便怎么试都行啊 解决方案二: 解决方案三: 文本框加个onblur="sho