jQuery - 在提交w / form插件后重置表单

时间:2011-05-19 22:19:18

标签: javascript jquery-plugins clear onsubmit

让我首先说它可能看起来很简单,但我发现它非常困难。

我做了一个使用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();这个:Resetting a multi-stage form with jQuery,但这一切都无效。如果你知道这样做的话,请帮助我。

1 个答案:

答案 0 :(得分:0)

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

有了这个你可以将你的价值设置为你想要的任何东西,比如空白:'';