javascript - 如何在提交表单时禁用重置

Question

提交时如何保持表单的价值？

<select name="Year">
    <option value="2013">2013</option>
    <option value="2014">2014</option>
    <option value="2015">2015</option>
</select>

<input type="submit" value="Filter"/>

Answer 1

如果您使用 jquery（您标记了它）：通过 $.post 将您的表单提交到您的 php 脚本。就像是

$("form").submit(function() {
    $.post("URL/TO/FORM.PHP", $(this).serializeArray(), function(data) {
         console.log(data);
    });
    return false;
});

因此，您将表单提交到脚本，但站点不会刷新，因为您将 return 设置为 false。您可以像这样从您的 action="" 获取脚本的 url

$("form").attr("action")

Answer 2

如果您使用的是 php，那么：

<select name="Year">
    <option value="2013" <?php if($_REQUEST['Year']=='2013'){echo "selected"}?>>2013</option>
    <option value="2014" <?php if($_REQUEST['Year']=='2014'){echo "selected"}?>>2014</option>
    <option value="2015" <?php if($_REQUEST['Year']=='2015'){echo "selected"}?>>2015</option>
</select>

<input type="submit" value="Filter"/>