Question

I’m trying to assign a javascript variable data from ror. I already made the query, and it gives me what i want (a single integer), but i can’t assign it to a js variable. Here is the js script i’m using:

<script type="text/javascript">
  $(function() {
    var number_of_products = '<%= Post.where(:id => 1).select(:amount).pluck(:amount)[0] %>';  
    $(document).ready(function(){
      for (i=1; i <=number_of_products; i++) $('#itemsAmount').append('<img src="images/box.svg"/>');
    })
  })
</script>

But i can’t seem to pass the ror value (<%= Post.where(:id => 1).select(:amount).pluck(:amount)[0] %>) to the js variable (number_of_products)

Any ideas?

Thanks,

Shai.

Answer 1

It would seem your problem isn’t with getting the value into javascript, its simply the wrong type try and change your code to the following

<script type="text/javascript">
  $(function() {
    var number_of_products = <%= Post.where(:id => 1).select(:amount).pluck(:amount)[0] %>;  
    $(document).ready(function(){
      for (i=1; i <=number_of_products; i++) $('#itemsAmount').append('<img src="images/box.svg"/>');
    })
  })
</script>

Edit:

Do you have #itemsAmount on your page?

Working fiddle http://jsfiddle.net/DeMd2/