javascript - 如何在javascript中自动提交表单？

Question

我有一个带有输入文本字段的表单，它每隔几秒导入一次数据并将其显示在表单字段中，让我们说:

<input name="code" id="code" type="text" size="64" maxlength="128" />

和一个提交按钮，我的表单的名称为 form1。我希望在表单字段中的数据更改后立即单击提交按钮。我确实尝试执行以下操作。在 header 中，我确实添加了以下 javascript:

<SCRIPT LANGUAGE="javascript">
function send_data()
{
document.form1.submit();
}
</SCRIPT>

在表格上:

<input name="code" id="code" type="text" size="64" maxlength="128" onchange="send_data();" />

但是没用..

有什么帮助吗？

谢谢

Answer 1

像这样的东西会起作用:

<form action="#">
    <input type="" id="input" />
    <button type="submit"></button:>
</form>

<script>
function send_data() {
    document.forms[0].submit();
}

window.onload = function(){
    var input = document.getElementById('input');
    input.onchange = send_data;
}
</script>

但我要补充几点:

1. 我假设页面上只有一个表单。您会更安全地为表单分配 ID 并使用 getElementById 并引用它而不是 document.forms[x]
2. 更改事件只会在您失去对输入的关注后发生，这可能是您想要的？只是确保它是预期的行为
3. 在不知道您为什么需要这样做的情况下，我注意到这可能会让用户非常厌烦，因为提交会触发新的页面加载。您最好通过 ajax 提交，以免干扰用户的浏览。如果你这样做，我强烈推荐一个 JS 库来处理这个。