关于js获取不到表单中的值的问题，具体代码如图
2个回答
展开全部
表面上来看，你写的完全没有问题。
但是实际上你是出了问题，那么原因可能就是
第一：如果是服务器拿到数据再渲染到页面来的话，可能是数据渲染没有完成，但是js已经执行了，这是异步问题，异步问题用callback来解决，取到再来获取，例如下面陵唯这样，用一个callback来简单解决。只有通过ajax取到值以后才执行callback。
<!DOCTYPE html>
<html lang="梁汪漏en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
function checkHtmlFile(fileName, callback) {
var xml = new XMLHttpRequest();
xml.open('GET', fileName, false)
xml.send()
callback(xml)
}
checkHtmlFile('b.html',function(doc) {
if (doc.status === 200&& doc.statusText === 'OK') {
alert('OK')
} else {
alert('NO')
}
})
</script>
</body>
</html>
第二：还是异步问题，js在浏览器运行的时候，js被执行了，但是下面的html在js后面。js取不到id的。只有加上DOMContentLoaded或window.onload之类的事件来判断html的dom是不是加载完成了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
window.addEventListener('DOMContentLoaded', function() {
var pageNum = document.getElementById('pageNum').value
var maxPage = document.getElementById('maxPage').value
alert("弹出:" + pageNum)
alert("弹出:" + maxPage)
})
<橡烂/script>
<input type="text" id="pageNum" name="pageNum" value="我是pageNum的value" />
<input type="text" id="maxPage" name="maxPage" value="我是maxPage的value" />
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script language="JavaScript"洞判 type="text/javascript">
function check()
{
if (document.theForm.tjjgdm.value == "")
{
alert("CHZ温馨提示：请选择单位名称!");
document.theForm.tjjgdm.focus();
return (false);
}
}
</script>
<form method="post" name="theForm"链颤配 action="xxx.asp" onSubmit="return check()">
<input name="tjjgdm" type="text" id="tjjgdm" size="30" maxlength="50" />
<input name="提棚指交" type="submit" value="ok">
</form>
function check()
{
if (document.theForm.tjjgdm.value == "")
{
alert("CHZ温馨提示：请选择单位名称!");
document.theForm.tjjgdm.focus();
return (false);
}
}
</script>
<form method="post" name="theForm"链颤配 action="xxx.asp" onSubmit="return check()">
<input name="tjjgdm" type="text" id="tjjgdm" size="30" maxlength="50" />
<input name="提棚指交" type="submit" value="ok">
</form>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
