如何在引导搜索提交后加载/转到新页面？

Question

我有一个搜索输入字段：

  <form class="navbar-form navbar-left" role="search">
    <div class="form-group">
      <input type="text" class="form-control" placeholder="Search">
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
  </form>

目前的“search.html”网页是.com / search /和我想加载/转到网页.com / cat。还有哪条路？

https://jsfiddle.net/fvqrtzq3/

Answer 1

向表单添加操作：

  <form class="navbar-form navbar-left" role="search" action="/cat">
    <div class="form-group">
      <input type="text" class="form-control" placeholder="Search">
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
  </form>

Answer 2

将action="/cat"属性添加到您的form代码。

Answer 3

你可以调用JS函数来完成工作

<button type="submit" onclick="redirect()" class="btn btn-default">Submit</button>

function redirect(){
   window.location.assign(url);
   return true;
}

注意：如果您返回false，则表单不会被提交=）