Javascript手動設置URL

Question

我寫了下面的腳本。它偵聽一個搜索文本輸入字段，並將其值轉發到我的搜索頁面（位於/ Home/Search）。

由於某種原因，它沒有做任何事。我目前的頁面位置從不改變，「？」只是附加到我當前的網址的末尾。

想知道是否有人有任何想法。謝謝！！！

編輯這是在行動：https://municipalagenda.com/

橫跨頂部的搜索欄+打在字段中輸入觸發上述JavaScript函數。

Answer 1

它不工作的原因是因爲你有形式元素中的輸入文本字段。所以當你按下輸入表單之前提交你的keydown事件提交。

更改此

<form class="navbar-form navbar-left"> 
     <i class="fa fa-search"></i> 
     <input type="text" id="search" class="form-control" placeholder="Search Municipal Agenda"> 
</form> 

要

<span class="navbar-form navbar-left"> 
     <i class="fa fa-search"></i> 
     <input type="text" id="search" class="form-control" placeholder="Search Municipal Agenda"> 
</span> 

Answer 2

問題發生的原因是因爲您的表單嘗試在您嘗試加載網址的同時發佈信息。

禁用窗體的默認事件那麼它應該工作

$('.navbar-form').on('submit', function(e){ 
    e.preventDefault(); 
});