2016-09-27 20 views
0

検索ボタンを押すと、結果が表示されます。しかし、私がenterを押すと、私は同様に検索できるようにしたい。キーを押したときにフォームが送信されない

問題は、私がenterを押すと、場所をリロードしてdisplaylist()に行くという問題です。どうすればこの作品を作れますか?

私は以下のコードhtmlとJSを持っています。

HTML

<div class="input-group"> 
      <span class="input-group-btn"> 
       <button id="basic-search" class="btn btn-default " type="button" > <span class="glyphicon glyphicon-search" aria-hidden="true"></span></button> 
      </span>    
      <input type="text" id="basicsearchVal" class="form-control" placeholder="Enter a Ticker Symbol,CERT, BHCor a fragment of a Bank Name,." autocomplete="on"> 

</div> 

JS

$(document).ready(function() { 

     var newURL; 
     var SearchData;  
     var detailPageUrl ="summary.html"; 
     var mydata; 

     displaylist(detailPageUrl,mydata,newURL); 

     $("#basicsearchVal").keydown(function(e) { 
      if (this.value != '') { 
       console.log("this.value keydown " +this.value); 
       $(".search-result").jqGrid('GridUnload'); 
       var searchInput = $("#basicsearchVal").val() 
       $("#pageTitle").html("Search Result(s) for <span class='text-primary'>" +searchInput+ "</span>") 
       $("#watchlist-b").remove(); 
       $("#watchList-b1").remove(); 
       $("#watchList-b2").remove(); 
       SearchData =newURL +"/services-monitor/GetQuickSearch?searchString="+searchInput; 
       console.log("SearchData " +SearchData); 
       displaySearchResult(detailPageUrl,SearchData,mydata); 

       jQuery(".search-result").trigger("reloadGrid"); 

      } else { 
       console.log("Please enter a Name to search" +this.value); 
      } 
     }); 





    }); 

答えて

3

変更ボタンタグに '提出' にごボタンタイプ。

+0

あなたは説明できますか?なぜなら私はボタンをクリックしたときだけでなく、Enterを押したときにも検索できるようにしたいからです。 -Thanks – user244394

+0

jsfiddleでJavaScript関数のトリムダウンバージョンを作成しました。見てみましょう。 https://jsfiddle.net/tc3g322q/ –

関連する問題