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

How can I set a JavaScript variable from a form without a user clicking submit?

本文关键字：表单 设置 JavaScript 变量 情况下 用户 提交 单击      更新时间：2023-09-26

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

是否有一种方法可以自动更新变量，这样用户就不必每次都点击提交并重新加载页面?我听说AJAX可能是解决这个问题的一个潜在方法，但我对它并不熟悉。如果这条路线是最好的，有没有推荐的脚本?

您可能希望将jQuery作为浏览器中javascript的良好开端。例如，您可以这样写:

<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/

相关文章：