Question

我需要的是当用户在搜索框中输入他的查询时。

    <form class="navbar-search pull-left">
       <input type="text" autocomplete="off" autofocus id="query" class="search-query search_input" placeholder="Type your query...">
    </form>

我没有提交表格的按钮。我希望在用户按下Enter键时提交表单。当用户按下Enter键时，我希望查询显示在URL中。与提交前的URL一样

http://example.come/

当用户输入他的文本并按下回车键时。我希望查询显示在URL中，如此

http://example.come/#query

没有重新加载整体。这可能是使用Javascript或Jquery或更容易的事情。

编辑：这是我尝试过的 window.location.hash = get_query;

 if (get_query.length != 0) {
      $("#query").val(get_query);
  $('.search_input').trigger('keyup'); // This is the Event which triggers 
  }

Answer 1

添加一个带有提交元素类型的输入，该元素被隐藏以支持通过回车键提交：

<form id="form1" class="navbar-search pull-left" action="">
    <input type="text" autocomplete="off" autofocus id="query" class="search-query search_input" placeholder="Type your query...">
    <input type="submit" style="display: none;">
</form>

在表单提交时，使用输入值

更改哈希值

$('#form1').submit(function() {
    window.location.hash = '#' + $("#query").val();
    return false;
});

另请参阅my example和associated jsfiddle。

使用GET请求提交表单到页面本身

1 个答案: