How to run javascript code in Rails when form submitted via text field?

Question

I define a table of editable text fields in HAML like this:

%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} ...

Note that there is not a submit button. If someone edits the text field and presses return, an update request is sent, which works.

When the user submits the form, I would like to do something in javascript to the sibling node (in the second %td). I've tried adding an :onchange attribute to the form_for tag, but it doesn't show up in the generated html.

While I might be able to bind functions to each of the different forms, doing so would be ugly because I would need to create a different function for each row (the number of which is not known until runtime), and each function would have to hardcode which row it came from (e.g., its hint.id).

Do I really need to create and bind one function for each form, or is there a more elegant solution?

I am using Rails 4.0.3 with jquery-rails 3.1.10 and jquery-ui-rails 4.2.0.

CWitty · Accepted Answer · 2014-08-05 20:17:50Z

1

You can actually bind to their parent element and then check which element it was when the event bubbles up to the handler. Something like $('#parent_id').on('change', '.field-class', function(){//your code here dealing with submit});

answered Aug 5, 2014 at 20:17

CWitty

4,5464 gold badges25 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ellen Spertus Over a year ago

Thanks! Are you suggesting one binding, or one for each row? If the former, how do I tell which row's form was changed?

CWitty Over a year ago

One binding on the parent element and the events from the child elements will bubble up. You can also bind to the submit event of the child forms your call. In the handler if you refer to $(this) it will be scoped to the element that triggered the event.

Collectives™ on Stack Overflow

How to run javascript code in Rails when form submitted via text field?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related