javascript - 加载结果页面时清除搜索栏中显示的查询词

Question

在搜索结果页面上，我有： 1）站点标题中的全局搜索栏 2）另一个特定于页面的搜索栏，它是自定义图像搜索的一部分。

问题： 当我使用 #2 执行搜索并加载结果页面时，两个搜索输入字段都填充了我的搜索词。

所需的功能： a）在结果页面加载时应清除两个字段，或者至少：b）#2 搜索词也不应填充在 #1 搜索字段中

有一些与站点搜索相关的现有脚本，但我想使用单独的解决方案，最好使用 jQuery，来清除搜索字段。这样，用户在执行新搜索时不必手动清除文本。有任何想法吗？

Answer 1

这是一个工作小提琴：http:
//jsfiddle.net/acturbo/S3tqZ/

html:

<div id="search-bar">
    <form id="search-bar-form">
        <input id="search-bar-input"> value to find
        <a href="#" id="search-barbtn">Search</a>   
    </form>
</div>

<div id="search-bar-page">
    <form id="search-bar-page-form">
        <input id="search-bar-page-input"> value to find on page
        <a href="#" id="search-bar-page-btn">Search</a>
    </form>     
</div>

jQuery：

$().ready(function() {

    $("#search-bar-page-btn").on("click", function(){
        $("#search-bar-input").val("");
        $("#search-bar-page-input").val("");
    });
});