如何在没有用户单击提交的情况下从表单设置 JavaScript 变量？

【问题标题】：How can I set a JavaScript variable from a form without a user clicking submit?如何在没有用户单击提交的情况下从表单设置 JavaScript 变量？
【发布时间】：2011-09-01 00:29:27
【问题描述】：

我有一个包含几个不同文本输入的表单。每个值对应一个唯一的 JavaScript 变量。然后将变量写在页面上。

有没有办法自动更新变量，这样用户就不必每次都点击提交并重新加载页面？我听说 AJAX 可能是对此的潜在答案，但我不熟悉它。如果那条路线是最好的，是否有某些脚本可以推荐？

【问题讨论】：

你不必重新发明轮子，试试 jquery。

标签： javascript ajax forms variables input

【解决方案1】：

您可能希望将 jQuery 看作是浏览器中 javscript 的良好开端。例如，你可以写：

<form id="form-id">
    <input id="first" type="text" />
    <input id="second" type="text" />
    <input id="third" type="text" />
</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
var first, second, third;
$(function(){
    $("#form-id").submit(function(){
        first = $("#first").value();
        second = $("#second").value();
        third = $("#third").value();
        return false; //Prevent the form from submitting.
    });
});
</script>

http://jquery.com/

【讨论】：

我实际上正在做同样类型的帖子。 jQuery 可能是您正在寻找的东西，您可以使用它在后台对服务器进行 AJAX 调用，以实现自动完成等功能。