如何使用不引人注目的jQuery使用onchange触发选择_Jquery_Ruby On Rails_Ruby On Rails 3

如何使用不引人注目的jQuery使用onchange触发选择

jquery ruby-on-rails ruby-on-rails-3

如何使用不引人注目的jQuery使用onchange触发选择,jquery,ruby-on-rails,ruby-on-rails-3,Jquery,Ruby On Rails,Ruby On Rails 3,假设我有一个普通表单，其中包含一个选择列表和一个提交按钮： <%= form_for(@report :url => report_path) do |f| %> <%= f.select(:sort_by, options_for_select(Report.SORT_OPTIONS, @report.sort_by)) %> <%= f.submit 'sort' %> <% end %> 那么，将javascript直接插入.

假设我有一个普通表单，其中包含一个选择列表和一个提交按钮：

<%= form_for(@report :url => report_path) do |f| %>
  <%= f.select(:sort_by, options_for_select(Report.SORT_OPTIONS, @report.sort_by)) %>
  <%= f.submit 'sort' %>
<% end %>

那么，将javascript直接插入.html.erb文件是否被认为是正确的呢？或者最好将其放在一个单独的.js文件中，如果是这样，那么对.js文件进行参数化和命名的约定是什么

对于一些信誉点，有人能告诉我和所有其他Tyro如何做到这一点吗？

我不熟悉Ruby on Rails，因此您可能需要更改选择器，但总体思路是：

$("#formId input[type='submit']").hide(); //Make the submit button invisible

$("#formId select.selectClass").change( function() {
    $(this).closest("form").submit(); //Trigger the submit event on the parent form.
});

看起来您可以这样设置id：

:html => {:id => 'formId', :method => :put }

我不熟悉Ruby on Rails，因此您可能需要更改选择器，但总体思路是：

$("#formId input[type='submit']").hide(); //Make the submit button invisible

$("#formId select.selectClass").change( function() {
    $(this).closest("form").submit(); //Trigger the submit event on the parent form.
});

看起来您可以这样设置id：

:html => {:id => 'formId', :method => :put }

Rails将字符串化您正在使用的对象和属性，因此选择菜单将具有

id=“report\u sort\u by”

。这意味着您可以使用：

var $select = $('#report_sort_by'),
    $form = $select.closest('form');

// preserve the button's name/value attributes, if Rails has assigned them
$('[type="submit"]', $form).hide();

$select.change(function() {
  $form.submit();
});

如果您希望以健壮、不引人注目的方式包含此代码，可以创建一个名为MyProject.Report.js的文件，并将此代码放入其中：

if (!MyProject) var MyProject = {};

MyProject.Report = {
  init: function() {
    var $select = $('#report_sort_by'),
        $form = $select.closest('form');

    // preserve the button's name/value attributes, if Rails has assigned them
    $('[type="submit"]', $form).hide();

    $select.change(function() {
      $form.submit();
    });
  }
}

然后在.erb文件中（在表单的底部之后），可以添加

MyProject.Report.init（）

然后，当然，添加

javascript\u include\u标记

以包含JS文件本身

有许多不同的方法可以实现名称空间和封装。我上面描述的

MyProject.Report

对象的主要优点是非常简单。随着代码的增长，您只需在

MyProject.Report

对象中添加新功能，如：

MyProject.Report = {
  init: function(options) {
    // some event handlers, maybe
    this.complication(null, null, options.data);
    this.reusable(options.bgcolor);
  },

  complication: function(a, b, c) {
    // stuff that's tough to look at
    this.reusable(b);
  },

  reusable: function(q) {
    // code that's used multiple places
  }
}

然后，你基本上会对此进行破解，直到你有足够的知识来决定你是否需要一个像backbone.js这样的框架来完成一个给定的项目：）

Rails会对你正在使用的对象和属性进行字符串化，所以选择菜单会有

id=“report\u sort\u by”