document.getElementById("user")为什么返回值为空 ??
<%@pagelanguage="java"pageEncoding="ISO-8859-1"%><!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4...
<%@ page language="java" pageEncoding="ISO-8859-1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
var values= document.getElementById("user");
alert(values);
</script>
</head>
<body>
<form name="frm" id="frm" method="post">
<input type="text" name="user" value="www" id="user">
</form>
</body>
</html> 展开
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
var values= document.getElementById("user");
alert(values);
</script>
</head>
<body>
<form name="frm" id="frm" method="post">
<input type="text" name="user" value="www" id="user">
</form>
</body>
</html> 展开
展开全部
楼主你好, 你的代码主要有2个错误:
1. 你写的javaScript 并没有把 输入框 的值付给变量 values;
2. 当执行器执行代码:
<script type="text/javascript">
var values= document.getElementById("user");
alert(values);
</script>
时, 他还没有读入:
<input type="text" name="user" value="www" id="user">
。
有两种方法可以完成楼主所需要的功能,方法一: 将JavaScript 放到 表单后面; 方法二: 定义JavaScript 事件处理函数。以下是 这两种方法的具体代码:
方法一:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
<form name="frm" id="frm" method="post">
<input type="text" name="user" value="www" id="user" >
</form>
<script type="text/javascript">
var values= document.getElementById("user").value;
alert(values);
</script>
</body>
</html>
方法二:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function showValues(){
var values= document.getElementById("user").value;
alert(values);
}
</script>
</head>
<body>
<form name="frm" id="frm" method="post">
<input type="text" name="user" value="www" id="user" onmousemove="showValues()" >
</form>
</body>
</html>
我已经测试过以上代码, 能正确运行。
如果楼主还有疑惑, 可以随时发信息来给我。O(∩_∩)O~
1. 你写的javaScript 并没有把 输入框 的值付给变量 values;
2. 当执行器执行代码:
<script type="text/javascript">
var values= document.getElementById("user");
alert(values);
</script>
时, 他还没有读入:
<input type="text" name="user" value="www" id="user">
。
有两种方法可以完成楼主所需要的功能,方法一: 将JavaScript 放到 表单后面; 方法二: 定义JavaScript 事件处理函数。以下是 这两种方法的具体代码:
方法一:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
<form name="frm" id="frm" method="post">
<input type="text" name="user" value="www" id="user" >
</form>
<script type="text/javascript">
var values= document.getElementById("user").value;
alert(values);
</script>
</body>
</html>
方法二:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function showValues(){
var values= document.getElementById("user").value;
alert(values);
}
</script>
</head>
<body>
<form name="frm" id="frm" method="post">
<input type="text" name="user" value="www" id="user" onmousemove="showValues()" >
</form>
</body>
</html>
我已经测试过以上代码, 能正确运行。
如果楼主还有疑惑, 可以随时发信息来给我。O(∩_∩)O~
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询