关于js获取不到表单中的值的问题,具体代码如图

关于js获取不到表单中的值的问题,具体代码如图,第1张

表面上来看,你写的完全没有问题

但是实际上你是出了问题,那么原因可能就是

第一:如果是服务器拿到数据再渲染到页面来的话,可能是数据渲染没有完成,但是js已经执行了,这是异步问题,异步问题用callback来解决,取到再来获取,例如下面这样,用一个callback来简单解决。只有通过ajax取到值以后才执行callback。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=10">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
 
<script>
function checkHtmlFile(fileName, callback) {
var xml = new XMLHttpRequest();
xmlopen('GET', fileName, false)
xmlsend()
callback(xml)
}
checkHtmlFile('bhtml',function(doc) {
if (docstatus === 200&& docstatusText === 'OK') {
alert('OK')
} else {
alert('NO')
}
})
</script>
 
 
</body>
</html>

第二:还是异步问题,js在浏览器运行的时候,js被执行了,但是下面的html在js后面。js取不到id的。只有加上DOMContentLoaded或windowonload之类的事件来判断html的dom是不是加载完成了。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=10">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
windowaddEventListener('DOMContentLoaded', function() {
var pageNum = documentgetElementById('pageNum')value
var maxPage = documentgetElementById('maxPage')value
alert("d出:" + pageNum)
alert("d出:" + maxPage)
})
</script>
<input type="text" id="pageNum" name="pageNum" value="我是pageNum的value" />
<input type="text" id="maxPage" name="maxPage" value="我是maxPage的value" />
</body>
</html>

以上就是关于关于js获取不到表单中的值的问题,具体代码如图全部的内容,包括:关于js获取不到表单中的值的问题,具体代码如图、、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9739079.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存