2017-03-19 17 views
0

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> 

答えて

0

(独自のセレクター/ w)は、このようなハンドラを使用します。

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

を次に、通常のグーグルとのsearch.htmlを作成検索ボックス。

+0

ありがとう、レオ。私は私の頭の上に少しあるかもしれないのではないかと恐れている。自分のセレクタを使って変更する方法が不明です。 – Deborah

+0

@Deborahここをクリックしてください:https://www.w3schools.com/jquery/jquery_ref_selectors.asp –

+0

@Deborahしかし、あなたの質問で提供された要素がページ上の唯一の「ボタン」とテキスト入力である場合、コードは動作します –