jQuery - 使用表单插件提交后重置表单

Question

首先我要说的是，这可能看起来很简单，但我发现它非常困难。

我制作了一个使用 PHP 的搜索脚本并获取结果，如下所示

search.php?term=alice&submit=Submit

标准的东西..问题是，我使用带有 AJAX 和 PHP 的 SPI，因此我的结果必须动态加载到 div 中，同时仍然保留哈希值，以免丢失用户在搜索之前访问过的页面。

jQuery.history.js 是我用于后退按钮支持的插件，它要求链接如下：

<a href="#home">Home Page</a>

这会将“home.html”加载到名为 pageContent 的 div 中。据我所知，除非你开发一些我所拥有的小技巧，否则无法调用 php 文件，

这是我的搜索表单的 JavaScript/jQuery：

<script language="JavaScript">
$(document).ready(function() { 
    // bind form using ajaxForm 
    $('#search1').ajaxForm({ 
        // target identifies the element(s) to update with the server response 
        target: '#pageContent', 

        // success identifies the function to invoke when the server response 

        success: function() { 
            $('#pageContent'); 
            var hash = '#search.php?term='+($('#query').val()+'&submit=Submit').replace(/ /g, '+');
            var stripped = hash.replace(/(<([^>]+)>)/ig,""); 
            update(window.location.hash = stripped);

        } 

    }); 
});

</script>

形式如下：

<form id="search1" action="search.php" method="post">
    <input id="query" type="text" name="term" />
    <input type="submit" name="submit" value="Submit" />
    </form>

我的问题是这样的：我试过了 this.form.reset(); 这： 使用 jQuery 重置多阶段表单 ，但这些都不起作用。如果您知道这样做的方法，请帮助我..

Answer 1

$('#query').val(DefaultValue);

有了这个，你可以将你的值设置为你想要的任何值，例如空白：'';