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
– Steve Robinson, Commented Jul 8, 2013 at 6:19
possible duplicate of Passing ruby variables to javascript function in rails view — Ciro Santilli OurBigBook.com
– Ciro Santilli OurBigBook.com, Commented Jun 27, 2014 at 9:03

Salil · Accepted Answer · 2013-07-08 06:20:32Z

23

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

answered Jul 8, 2013 at 6:20

Salil

47.7k22 gold badges127 silver badges161 bronze badges

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

Comments

Blue Smith · Accepted Answer · 2013-07-08 06:38:08Z

6

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 8, 2013 at 6:38

Blue Smith

8,8402 gold badges30 silver badges33 bronze badges

1 Comment

Ciro Santilli OurBigBook.com Over a year ago

array_or_string_for_javascript was deprecated.

ahnbizcad · Accepted Answer · 2014-07-17 08:41:50Z

-1

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);
});

answered Jul 17, 2014 at 8:41

ahnbizcad

10.8k9 gold badges64 silver badges87 bronze badges

Collectives™ on Stack Overflow

passing ruby variables to javascript (Ruby on Rails)

3 Answers 3

Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Linked

Related