在选择框发生变化时,重新搜索提交表单
Ransack submit form onchange of select box
使用Ransack,我有一个简单的下拉列表过滤。它工作正常,但是我需要按下提交按钮。
我想改变下拉菜单的动作来提交search_form_for
<%= search_form_for @query do |f| %>
<%= f.select :category_eq, options_for_select(Article::CATEGORIES.sort.map {|k,v| [v,k]}), include_blank: true, onchange: "this.form.submit();" %>
<%= f.submit %>
<% end %>
onchange不起作用
onchange: "this.form.submit();"
编辑
onchange没有出现在呈现的表单中
<form class="article_search" id="article_search" action="/articles" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="✓">
<select name="q[category_eq]" id="q_category_eq"><option value=""></option>
<option value="caffe">Caffe</option>
<option value="data_mining">Data mining</option>
<option value="deep_learning">Deep learning</option>
<input type="submit" name="commit" value="Search">
编辑2
看起来像search_form_for只是将选项传递给form_for
https://github.com/activerecord-hackery/ransack/blob/26cb9e4210fd1728f266ea40095ed6093ca4a994/lib/ransack/helpers/form_helper.rb吧
Html选项散列应该作为单独的参数传递。更多信息请访问:http://apidock.com/rails/ActionView/Helpers/FormOptionsHelper/select
你可以试试:
<%= f.select :category_eq, ..., { include_blank: true }, { onchange: 'this.form.submit();' } %>
祝你好运! 相关文章:
- 在web应用程序中的新搜索中重新加载搜索结果(不带jQuery)
- javascript window.open(),并在新窗口中搜索DOM
- Javascript-在一个数组中搜索整个单词,并创建一个符合条件的新数组
- 如何在较新版本的 Free-JQGard 中重置搜索工具栏和搜索过滤器
- 使用HTML搜索,需要JavaScript来搜索数组并在新窗口中返回结果
- 谷歌地图将MarkerClusters放在了新的搜索中
- 不显示带有搜索的重复控件中的新文档
- Javascript打开带有搜索文本的新窗口
- Javascript多次搜索新的位置变量
- 弹性搜索搜索过滤器等于问题
- emberjs-force.find()在服务器上搜索新数据
- 如何获得链接到新页面的按钮,并预先填充搜索栏
- 禁用辅助提交按钮,直到完成新搜索
- 在添加新行后用jQuery搜索表
- 在Javascript中搜索由整数组成的数组并返回带有值的新数组
- 用js在新窗口中打开搜索表单
- Google自定义搜索“搜索框”中的默认值
- 为什么当我在地址栏中键入新的搜索结果,然后Chrome导航到谷歌页面结果时,它会更改tabId
- 每次提交新的搜索表单时删除表行
- Select2 -告诉用户是否输入了新的搜索选项