Jquery onchange select 向 PHP 提交表单

Question

我没有代码可以真正向您展示，但假设我有一个包含 3 个隐藏字段的表单，其中包含日期、城市和地址。我还有一个包含 3 个选项的选择(比如说 Apple、Microsoft 和 Google)。

我想要的是，当用户将选择更改为不同的选项时，jquery 应该将选择框的值 + 3 个隐藏字段发送到 PHP 页面，例如 proces.php。 Proces.php 处理 mysql_query 等，并且它不返回任何内容。

谁能告诉我这是如何完成的？我不希望有人为我编写整个脚本，因为我没有提供任何 html 代码，而只是提供大纲，或者可能是教程或其他内容的链接。

Answer 1

首先，您的表单应如下所示:

<form action="process.php" method="post" id="myForm">
    <select name="site" id="site">
        <option>Apple</option>
        <option>Google</option>
        <option>Microsoft</option>
    </select>
    <input type="hidden" name="date" value="01/05/2012" />
    <input type="hidden" name="city" value="London" />
    <input type="hidden" name="address" value="[... address ...]" />
</form>

然后，要通过 AJAX 提交，您将使用 serialize() 方法来收集表单数据:

$("#site").on("change", function() {
    var $form = $("#myForm");
    var method = $form.attr("method") ? $form.attr("method").toUpperCase() : "GET";
    $.ajax({
        url: $form.attr("action"),
        data: $form.serialize(),
        type: method,
        success: function() {
            // do stuff with the result, if you want to 
        }
    });
});

或者，如果您不想使用 AJAX，只想使用标准表单提交，则可以触发表单提交，如下所示:

$("#site").on("change", function() {
    $("#myForm").submit();
});