87,993
社区成员
发帖
与我相关
我的任务
分享如何获取input数值
我现在想要的功能是让js正确的获取input输入框输入的内容并且以警告框的形式输出，我设计的代码如下，可是无论我在输入框中填入任何内容，输出的都是空。代码如下：
<html>
<head>
<script language="javascript">
window.onload=function(){
x = document.form1.yourvalue.value;
l = document.getElementById("link");
l.onclick = function warn(){
alert(x);
}
}
</script>
</head>
<body>
<form name="form1">
<input type="text" name="yourvalue" size="40">
<a id="link">点击</a>
</form>
</body>
</html>
...全文
请发表友善的回复…
发表回复
#blackheart 2011-10-02
- 打赏
- 举报
<html>
<head>
<script type="text/javascript" charset="utf-8">
window.onload = function() {
var alink = document.getElementById("link");
alink.onclick = function() {
var inputText = document.getElementById("yourvalue");
alert(inputText.value);
}
}
</script>
</head>
<body>
<form name="form1">
<input type="text" id="yourvalue" size="40"/>
<a id="link" href="#">点击</a>
</form>
</body>
</html>
s11ss 2011-10-02
- 打赏
- 举报
window.onload=function(){
x = document.form1.yourvalue.value;
刚加载完成的时候yourvalue的值是空的，你就急急忙忙赋值给x了，以后点击的时候都是alert它，所以每次输出都是空！
x = document.form1.yourvalue.value;
刚加载完成的时候yourvalue的值是空的，你就急急忙忙赋值给x了，以后点击的时候都是alert它，所以每次输出都是空！
豆虫 2011-10-02
- 打赏
- 举报
恩 孟大哥说了就不赘述了~~~
孟子E章 2011-10-02
- 打赏
- 举报
你也可以先引用对象，后获取值
例如
<script language="javascript">
window.onload=function(){
x = document.form1.yourvalue;
l = document.getElementById("link");
l.onclick = function warn(){
alert(x.value);
}
}
</script>
例如
<script language="javascript">
window.onload=function(){
x = document.form1.yourvalue;
l = document.getElementById("link");
l.onclick = function warn(){
alert(x.value);
}
}
</script>
孟子E章 2011-10-02
- 打赏
- 举报
你可以改成
window.onload=function(){
l = document.getElementById("link");
l.onclick = function warn(){
x = document.form1.yourvalue.value;
alert(x);
}
}
因为
window.onload=function(){
x = document.form1.yourvalue.value;
是页面一加载完毕就赋值了，所以当时是空的。
window.onload=function(){
l = document.getElementById("link");
l.onclick = function warn(){
x = document.form1.yourvalue.value;
alert(x);
}
}
因为
window.onload=function(){
x = document.form1.yourvalue.value;
是页面一加载完毕就赋值了，所以当时是空的。
