Question

我使用form_tag和提交按钮在rails中创建了一个搜索。这很好用。但是，我想删除提交按钮并将其移动到导航栏

<h1>Search for Photos</h1>

<div id="photos_search">
  <%= form_tag search_photos_path do %>
    <%= text_field_tag(:search, params[:search], {:placeholder => "Type Space For Search Options"}) %>
    <button id='submit_search' style="font-size: 12px;">Search</button>
  <% end %>
</div>

这是我添加到导航栏的新代码

<%= form_tag search_photos_path do %>
  <%= text_field_tag(:search, params[:search], {:placeholder => "Search", :class=>"search-query", :id=>"photo_search"}) %>

<% end %>

这是Jquery写的，以找出用户何时在搜索表单中输入。

$(document).ready(function(){
  //Handles menu drop down
  $('#photo_search').keydown(function(evnt){
    if(evnt.keyCode === 13){
      console.log(evnt.keyCode)
    }
  });
});

我错过了什么？或者我应该以不同的方式做到这一点。

谢谢！

Answer 1

错误的选择器看起来像是#photo_search而不是#photos_search。

当焦点位于文本字段时，尝试添加keydown：

$("#photos_search form input[type='text']").keydown(function(evnt){
    if(evnt.keyCode === 13){
      console.log(evnt.keyCode)
    }
});

不带按钮提交Rails Form_tag

1 个答案: