javascript - 当通过文本字段提交表单时，如何在 Rails 中运行 javascript 代码？

Question

我在 HAML 中定义了一个可编辑文本字段表，如下所示:

%table
  %tbody
    %tr
      %td
        -hints.each do |hint|
          =form_for(level_source_hint, :remote => true) do |f1|
            =text_field_tag 'message' + hint.id.to_s, 
               level_source_hint.hint, class: 'input-xxlarge'
      %td{:id => 'sibling' + hint.id.to_s} ...

请注意，没有提交按钮。如果有人编辑文本字段并按回车键，则会发送更新请求，该请求有效。

当用户提交表单时，我想在 javascript 中对同级节点(在第二个 %td 中)执行一些操作。我尝试向 form_for 标记添加 :onchange 属性，但它没有显示在生成的 html 中。

虽然我可以将函数绑定(bind)到每种不同的形式，但这样做会很丑陋，因为我需要为每一行创建一个不同的函数(其数量直到运行时才知道)，并且每个函数必须对它来自哪一行进行硬编码(例如，它的 hint.id)。

我真的需要为每个表单创建并绑定(bind)一个函数，还是有更优雅的解决方案？

我正在使用 Rails 4.0.3 以及 jquery-rails 3.1.10 和 jquery-ui-rails 4.2.0。

Answer 1

您实际上可以绑定(bind)到它们的父元素，然后检查当事件冒泡到处理程序时它是哪个元素。类似于 $('#parent_id').on('change', '.field-class', function(){//这里处理提交的代码});