How to access rails variables within Javascript code?

Question

I am using Rails 3.0.5

I have a javascript code that uses jQuery dropdown checklist and I would like to have the checkboxes displaying which item is checked already and which is not, when using my form in the 'Edit' action of my belongings controller.

Basically, it can work like this in Javascript:

$('element').val([1,3,4]);
$('element').dropdownchecklist();

Let us say that in my controller, edit action, I have a instance variable called @selected_items that contains the items that are selected (here: @selected_items = [1,3,4]) and I would like to use the value of this instance variables into my Javascript code, how could I proceed ? How could I access the value of this instance variable in a .js file ?

Many thanks for your answer !

ronalchn · Accepted Answer · 2012-09-04 09:07:23Z

9

Just write the javascript in your view, and at the appropriate place, print the @selected_items array as json:

app/views/*/*.html.erb

<script>
  $('element').val(<%= @selected_items.to_json %>);
  $('element').dropdownchecklist();
</script>

You can also use the Gon gem if to_json cannot serialize more complicated objects.

answered Sep 4, 2012 at 9:07

ronalchn

12.4k10 gold badges53 silver badges61 bronze badges

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

3 Comments

citraL Over a year ago

Many thanks! .. I'm a beginner in jQuery, and your answer will help me a lot !

ronalchn Over a year ago

Only in ruby 1.9.x, when you say <%= ... %>, it calls to_s automatically. In ruby 1.9.x, we see [2,3].to_s # => "[2, 3]", but in ruby 1.8.7, [2,3].to_s # => "23" (ie. it outputs "23")

citraL Over a year ago

ok thanks for the explanation, I liked your answer, and the Gon gem looks cool also :-)

AnkitG · Accepted Answer · 2012-09-04 09:43:08Z

2

A better and a clean/neat way of handling such requirements is

1.Don't create javascript inside the views not as per the rails best practices

2.Handle it this way

In your app/views/*/*.html.erb where you are having the instance variable like (@selected_items) assign it into the options within the helpers something like :sel => @selected_items

In your javascript

<script>
  $('element').attr('sel');
  $('element').dropdownchecklist();
</script>

I hope it helps!

answered Sep 4, 2012 at 9:43

AnkitG

6,5687 gold badges47 silver badges72 bronze badges

Collectives™ on Stack Overflow

How to access rails variables within Javascript code?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related