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);
}
});
});
あなたは説明できますか?なぜなら私はボタンをクリックしたときだけでなく、Enterを押したときにも検索できるようにしたいからです。 -Thanks – user244394
jsfiddleでJavaScript関数のトリムダウンバージョンを作成しました。見てみましょう。 https://jsfiddle.net/tc3g322q/ –