pass data to javascript from rails view?

Question

I am having trouble with passing the correct data from my rails html.erb view file to my js file.

I have the following in my controller (@messages = Message.all) and in my html.erb view file:

@messages.each do |x|
x.name
end

if i have a javscript file how do i pass the id of the specific message to it?

I am trying this:

@messages.each do |x|
<span id="messageid" data-id="<%= x.id %>">
 <%=x.name%>
</span>
end

and in my javascript file:

$("#messageemail").click(function(){
  var messageid = $("#messageemail").data('id');
alert(messageid);

this partially works, but it only gives me the id for the first message in the list. I want it to give me the specific id of which ever message is clicked

Where is element with messageemail id?

Rajdeep Singh
– Rajdeep Singh

2015-07-16 06:46:55 +00:00
Commented Jul 16, 2015 at 6:46 — Rajdeep Singh
– Rajdeep Singh, Commented Jul 16, 2015 at 6:46

Rajdeep Singh · Accepted Answer · 2015-07-16 06:52:02Z

2

Do this instead, add a class to your span element instead of id

<span class="message-class" data-id="<%= x.id %>">

In Javascript file

$(".message-class").on('click', function(){
  var messageid = $(this).attr("data-id");
  alert(messageid);
});

This will work!

answered Jul 16, 2015 at 6:52

Rajdeep Singh

17.9k6 gold badges58 silver badges80 bronze badges

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

Comments

Ajay · Accepted Answer · 2015-07-16 06:51:02Z

-1

In your rails view:

<span  onclick="callJS(<%= x.id %>)">
 <%=x.name%>
</span>

Here on clicking the span the callJS function will be called.

in the js :

// in your js file
 function callJS(x_id){
  console.log(x_id);
}

answered Jul 16, 2015 at 6:51

Ajay

4,2514 gold badges29 silver badges47 bronze badges

Collectives™ on Stack Overflow

pass data to javascript from rails view?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related