现有搜索栏的脚本

时间:2017-03-19 21:05:40

标签: javascript jquery searchbar

我已经尝试将Google搜索添加到我现有的搜索栏中,但没有运气。然后我尝试了我在论坛上找到的另一个Javascript,并在表单后直接放置它。这是现有的代码,但我还没有工作。任何建议,将不胜感激。提前谢谢。

 <div class="navbar-collapse collapse right" id="search-not-mobile">
                <button type="button" class="btn navbar-btn btn-primary" data-toggle="collapse" data-target="#search">
                    <span class="sr-only">Toggle search</span>
                    <i class="fa fa-search"></i>
                </button>
            </div>

        </div>

         

            <form class="navbar-form" role="search">
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="Search">
                    <span class="input-group-btn">

        <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i></button>

        </span>
              </div> 
            </form>

1 个答案:

答案 0 :(得分:0)

使用像这样的处理程序(带有你自己的选择器):

&#13;
&#13;
$('button').click(function(ev){
    location.href="search.html?q=":$("[type=text]").val();
});
&#13;
&#13;
&#13;

然后,使用普通的Google搜索框创建search.html