好吧，我很确定我在这里遗漏了一些非常明显的东西，但到目前为止我还找不到合适的解决方案。我想做的很简单:让用户在表单中写入一些内容，让他提交表单，然后将该输入写入同一页面上的文本区域。
这是我的代码:
<html><head></head>
<body>
<form name='registration'>
<label for="input">Input:</label>
<input type="text" id="input"/>
<input type="submit" id="submit" value="Submit" onclick="execute()"/>
</form>
<div id="results">
<span>Result</span>
<span><textarea cols="30" rows="5" id="resulttext" readonly="readonly"></textarea> </span>
</div>
<script>
function execute()
{
var result = document.getElementById("input").value
document.getElementById("resulttext").value=result;
}
</script>
</body>
</html>
现在，如果我在表单中输入某些内容，会发生什么情况:文本区域会短暂显示我的输入，然后恢复为不显示任何内容。我的猜测是，textarea 字段仅在execute() 函数执行期间发生更改。
当我改变input type="submit"到 <button>一切都按预期进行，但我很确定我不应该这样做。
最佳答案
您需要取消提交按钮的默认事件，否则它只会提交表单(在这种情况下，实际上会重新加载页面，因为没有带有名称的表单元素)。在 execute() 之后添加 return false;(在两部分之间放置 ;)
关于javascript - 使用输入类型="submit"更改内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12630342/