jQuery - 使用表单插件提交后重置表单
-
16-11-2019 - |
题
首先我要说的是,这可能看起来很简单,但我发现它非常困难。
我制作了一个使用 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 重置多阶段表单 ,但这些都不起作用。如果您知道这样做的方法,请帮助我..
解决方案
$('#query').val(DefaultValue);
有了这个,你可以将你的值设置为你想要的任何值,例如空白:'';
不隶属于 StackOverflow