passing ruby variables to javascript (Ruby on Rails)

Question

I have a list of medicines and a list of vaccinations that I am extracting from tables medicines and vaccinations respectively. The list of medicines is of the format medicine_name and so is the list of vaccinations. I store both of these in vars using this piece of code.

var injections=<%=@injections%>;
var medicines=<%=@medicines%>;

In my view I have select tags for medicines and injections but when I try to append these vars to the respective tags using the following code. I don't get any results please help

$('.addmedicines').click(function()
   $('.medicines').append(medicines);


});
$('.addinjections').click(function(){
   $('.injections').append(injections);
});

Here .injections is the class assigned to select tag for vaccinations. .medicines is the class assigned to select tag for medicines. And .addmedicines and .addinjections are html buttons.

EDITED:

When I try to display both injections and medicines in javascript they display like this:

Medicines:

<option>Med1</option><option>Med2</option><option>Med3</option><option>Med4</option>

Injections:

<option>i1</option><option>i2</option><option>i3</option><option>i4</option>

are you trying to add options to those select tags upon clicking of `.addmedicines` and `.addinjections` ? — Steve Robinson, Jul 08 '13 at 06:19
possible duplicate of [Passing ruby variables to javascript function in rails view](http://stackoverflow.com/questions/2464966/passing-ruby-variables-to-javascript-function-in-rails-view) — Ciro Santilli OurBigBook.com, Jun 27 '14 at 09:03

score 22 · Answer 1 · answered Jul 08 '13 at 06:20

22

var injections= '<%=@injections%>';
var medicines='<%=@medicines%>';

answered Jul 08 '13 at 06:20

Salil

46,566
21
122
156

score 5 · Answer 2 · answered Jul 08 '13 at 06:38

5

You can use Rails helper array_or_string_for_javascript, or just simply call to_json:

var injections = <%= array_or_string_for_javascript(@injections) %>;
var medicines = <%= array_or_string_for_javascript(@medicines) %>;

// OR

var injections = <%= @injections.to_json %>;
var medicines = <%= @medicines.to_json %>;

answered Jul 08 '13 at 06:38

Blue Smith

8,580
2
28
33

1

`array_or_string_for_javascript` was deprecated. – Ciro Santilli OurBigBook.com Jun 27 '14 at 08:29

score 0 · Answer 3 · answered Jul 17 '14 at 08:41

You're missing a { after the first function

Should be:

$('.addmedicines').click(function(){  // <-- right here :)
   $('.medicines').append(medicines);


});
$('.addinjections').click(function(){
   $('.injections').append(injections);
});

What you have:

$('.addmedicines').click(function()   // <-- right here :)
   $('.medicines').append(medicines);


});
$('.addinjections').click(function(){
   $('.injections').append(injections);
});

passing ruby variables to javascript (Ruby on Rails)

3 Answers3

Linked