javascript - 使用 Javascript onClick 更改 div 内容

Question

我正在尝试使用文本框和提交按钮来更改页面上的 div。我想获取已在文本框中键入的文本，并在单击按钮时将其放入 div 中。我有这段代码:

function myfunction() { 
    var myText = document.getElementById("textbox").value;
    document.getElementById('myDiv').innerHTML = myText;
 } 

<form>
<input type="text" name="textbox" id="textbox" />
<input type="submit" name="button" id="button" onclick="myfunction()" />
</form>
<br/>
<div id="myDiv"></div>

但是没有任何反应。当我在浏览器中尝试它时，它只是刷新页面并将 ?textbox=someValueHere 添加到 URL 的末尾。如何让 div 显示文本框的值？

Answer 1

问题是提交按钮正在发布表单，所以您看不到更改 - 如果您将提交按钮更改为普通按钮，它会起作用

<input type="button"name="button" id="button" onclick="myfunction()" />