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("");
    });
});

加载结果页面时，在搜索栏中显示清除查询字词

1 个答案: