gpt4 book ai didi

JavaScript - 无法获取表单输入值

转载 作者:行者123 更新时间:2023-11-30 10:34:57 24 4
gpt4 key购买 nike

当用户在文本字段中输入文本并单击提交按钮时,他们的文本应该出现在屏幕上。现在什么都没有显示。

JS斌:http://jsbin.com/itotub/1/edit

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script>
function myOnloadFunc() {
var inputAnswer = document.getElementById("inputAnswer");
var userAnswer = inputAnswer.innerHTML;

var submitButton = document.getElementById("submitButton");

submitButton.onclick = function() {
document.write(userAnswer);
};
}

window.onload = myOnloadFunc;
</script>
</head>

<body>
<input type="text" id="inputAnswer" placeholder="Enter your answer">
<input type="button" id="submitButton" value=">">
</body>
</html>

最佳答案

input 元素没有任何后代,因此 .innerHTML 返回一个空字符串。如果您想要获取该值,您必须访问 .value 属性(有关更多信息,请参阅 HTMLInputElement documentation on MDN)。

另一个问题是您试图在用户实际输入任何内容之前获取值。您不想在页面加载时获取值,但是当用户单击按钮时:

submitButton.onclick = function() {
console.log(inputAnswer.value);
// or alert(inputAnswer.value);
};

我会避免使用 document.write,即使它仅用于测试目的。至少understand what happens when you call it after the DOM was loaded .

关于JavaScript - 无法获取表单输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14595236/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com