0

我有一个列出事件的应用程序。我希望用户能够按类别过滤事件。为了做到这一点，我想要一个选择框，用户可以在其中选择一个类别。当用户选择一个类别时，我希望触发一个操作，该操作将使用 javascript 列出该类别中的事件。所有 Stack Overflow 帖子都解释了如何使用remote_function，显然已经停止使用。现在，我有代码

select_tag "category",
    options_for_select(['Social', 'Academic','Sports and Recreation', 'Arts', 'Religious'])

如何在select_tag更改/选择下拉框中的选项时触发操作？我猜我可能必须使用该:onchange选项，但我不确定如何执行此操作。

请帮忙！

4

3 回答 3

1

select_tag有一个options哈希（最后一个参数），您可以在其中为选择添加任何 HTML 属性。

有关更多信息，请查看http://apidock.com/rails/ActionView/Helpers/FormTagHelper/select_tag

要添加onchange属性，请查看以下示例：

select_tag "category", options_for_select(['Social', 'Academic','Sports and Recreation', 'Arts', 'Religious']), :onchange => 'your_handler_function()'
于 2016-03-18T00:09:44.887 回答
1

在选择标记之后将其粘贴在视图中：

<script>
  $('#your_select_tag_id').on('change', function() {
    $.post({
      url: '/your/form/action',
      data: $('#your_form_id').serialize()
    }).success(function(data)) {
      console.log('this is what I got back: ' + data);
    };
  }
</script>
于 2016-03-18T00:32:20.103 回答
1 
select_tag "category",
  options_for_select(['Social', 'Academic','Sports and Recreation', 'Arts', 'Religious']), :onchange => 'yourJSFunction()'

这就是options-hash 参数的用途:)

于 2016-03-18T00:07:56.393 回答