从表单获取值
从表单获取值
提问于 2019-09-15 00:27:40
我正在尝试测试，看看我的代码是否正确设置为可以访问表单的文本值。我只是尝试访问文本值，然后使用Console.log来确认是否达到了这个目的。
下面是我的代码(
<body>
<form id="form">
<input type="text" id="item">
<button class="Btn add item">Add item</button>
</form>
<script type="text/javascript">
document.getElementById("item").onclick = function() {
var output = document.getElementById("item").value;
console.log(output);
}
</script>
</body>当我在chrome的Dev工具中运行它时，没有任何反应。没有错误，控制台没有记录我在表单中输入的值。
回答 6
Stack Overflow用户
发布于 2019-09-15 00:37:15
您可以尝试如下所示：
var output = document.getElementById("item").innerText;Stack Overflow用户
发布于 2019-09-15 01:07:12
您的错误是ID属性的名称不正确。注意!
<body>
<form id="form">
<input type="text" id="input"/>
<button id="button" type="button">Add item</button>
</form>
</body>
<script type="text/javascript">
document.getElementById("button").onclick = function(){
var str = document.getElementById("input").value;
console.log("Your string is: " + str);
}
</script>Stack Overflow用户
发布于 2019-09-15 00:34:32
您的输入标记缺少value属性，并且没有默认值。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57937343
复制相关文章
相似问题
腾讯云开发者
