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)
|
广告 您可能关注的内容 |
