jquery - 提交没有按钮的 Rails Form_tag

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 编写的，用于找出用户何时在搜索表单中按 Enter 键。

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