Dom - JS中未采用输入
Dom - JS中未采用输入
提问于 2018-06-12 03:51:09
伙计们，我正在学习javascript，我只是想从文本字段中获取输入，并将其显示在警告框中，但我的输入总是显示为空。以下是我的代码
var val = document.getElementById('val').value;
function testFunc() {
alert(val);
return false;
}<form action="#" onsubmit="return testFunc()">
<input type="text" id="val" name="val">
<button type="submit" value="submit" name="submit">Submit</button>
</form>
回答 3
Stack Overflow用户
回答已采纳
发布于 2018-06-12 03:53:46
您需要获取函数内部的值，而不是外部的值，因为当页面加载时，该值为空，因此它显示的值与页面加载时输入的值相同，而不是当前的值(请参阅下面的内容
<form action="#" onsubmit="return testFunc()">
<input type="text" id="val" name="val">
<button type="submit" value="submit" name="submit">Submit</button>
</form>
<script>
function testFunc() {
var val = document.getElementById('val').value;
alert(val);
return false;
}
</script>
Stack Overflow用户
发布于 2018-06-12 03:54:07
将var val = document.getElementById('val').value;移到处理程序函数内部。
喜欢
function testFunc() {
var val = document.getElementById('val').value;
alert(val);
return false;
}<form action="#" onsubmit="return testFunc()">
<input type="text" id="val" name="val">
<button type="submit" value="submit" name="submit">Submit</button>
</form>
为什么:您只想在页面提交时获取值，而不是在加载DOM时获取值
Stack Overflow用户
发布于 2018-06-12 04:03:38
function testFunc(e){
e.preventDefault();
//add your code here
}只要调用你的函数即可。不退货
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50805073
复制相关文章
相似问题
腾讯云开发者
