Question

这里是JavaScript新手。如何根据HTML表单的值在JS中输出更改（按下按钮时）？这就是我到目前为止所拥有的：

<form> Number: <input name="num" type="number" value="20" /></form>

<button onclick = ?????output num?????> Click Me </button>

?????output num?????的位置是什么？我认为我应该使用document.getElementById(id)语法，但我不确定如何让它工作。谢谢！

Answer 1

您可以从输入字段中侦听值更改事件，并每次都获取值。

我不确定我是否完全明白你在这里提出的要求或者你在?????output num?????时想要做些什么，所以我只记录了输入的数字：

document.getElementsByName("num")[0].addEventListener("change", function(){
    document.getElementsByTagName("button")[0].onclick = "console.log(" + this.value + ")"; // This assumes that it's the only button the page; I'd give it an ID
});

Answer 2

<input type="number" id="num" name="number" value="20"/>    
<button onclick="alertNum()"></button>
<script>
function alertNum() {
   var num = document.getElementById('num').value;
   alert(num);
}
</script>

确保在html节点中定义id。

使用Javascript输出表单值

2 个答案: