JS:如何获取text文本框中输入的数值？
<body>
<script language="JavaScript">
function OP()
{
var x=document.getElementsByName("Text1");
alert(x);
}
</script>
<p><input id="Text1" type="text" /></p>
<p><input type="button" value="显示输入的内容" onclick="return OP()"/></p>
</body>
</html>
这是我的代码，为什么警示框中的内容是[object]而不是我在text框中输入的内容？ 展开
<html>
<body>
<script language="JavaScript">
function OP()
{
//因为页面中只有一个name为text1的所以取第一个元素
var x=document.getElementsByName("Text1")[0];
alert(x.value);
}
</script>
<p><input id="Text1" type="text" name="text1" /></p>
<p><input type="button" value="显示输入的内容" onclick="return OP()"/></p>
</body>
</html>
原因：<input id="Text1" type="text" />没有设置name这个属性,所以 var x=document.getElementsByName("Text1");是不对的,得用 getElementById,第二个错误,是取值。
扩展资料：
关于上述中提到的name属性
name 和 id 属性都可以与 href 属性结合起来使用，这样一个 <a> 标签就可以同时作为超链接和片段标识符使用。
可以简单地将片段标识符看作是对许多编程语言中普遍使用的 goto 语句标签的 HTML 模拟。<a> 标签中的 name 属性或者 <a> 或其他标签中的 id 属性会在文档中放置一个标识。
当标签用于链接到该文档时，就等于告诉浏览器要转到（goto）该标识。id 或 name 属性的值可以是引号引起来的任何字符串。
字符串必须是唯一的标记，不能在同一文档中的其他 name 或 id 属性中重复使用，但是可以在不同的文档中再次使用。
如果使用 id 属性，上面的实例可改写为：
<a id="#C1">第一章</a>
<a id="#C2">第二章</a>
<a id="#C3">第三章</a>
<a id="#C3">第四章</a>
...
x=document.getElementById("Text1");
alert(x.value);
其中
<input
id="Text1"
type="text"
name="Text1"/></p>
var
x=document.getElementsByName("Text1");取的是name="Text1"这个的元素
反回的x是一个数组从你的页面来看没有name="Text1"为这个的！
所以要这样用的话你应该这样写！
<html>
<body>
<script
language="JavaScript">
function
OP()
{
//因为页面中只有一个name为text1的所以取第一个元素
var
x=document.getElementsByName("Text1")[0];
alert(x.value);
}
</script>
<input
id="Text1"
type="text"
name="text1"
/></p>
<input
type="button"
value="显示输入的内容"
onclick="return
OP()"/></p>
</body>
</html>
alert(x.value);
其中
<input id="Text1" type="text" name="Text1"/></p>
var x=document.getElementsByName("Text1");取的是name="Text1"这个的元素
反回的x是一个数组从你的页面来看没有name="Text1"为这个的！
所以要这样用的话你应该这样写！
<html>
<body>
<script language="JavaScript">
function OP()
{
//因为页面中只有一个name为text1的所以取第一个元素
var x=document.getElementsByName("Text1")[0];
alert(x.value);
}
</script>
<p><input id="Text1" type="text" name="text1" /></p>
<p><input type="button" value="显示输入的内容" onclick="return OP()"/></p>
</body>
</html>
function OP()
{
var x= document.getElementById("Text1").value;
alert(x);
}
改成alert(x.value)
