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(); 
});