Interpolate between ruby and javascript

Question

I have a rails 4 app where I have a script like:

<script type='text/javascript'>
   $(function (){
      $(document).on("change",".selectProduct", function (){
         var selectValue = $(this).val();
         alert("<%= render 'product_form/test', f:builder %>");
      });
   });
</script>

Basically, what I want to do is have the selectValue (which is the value of a select), be rendered in the ruby code. So something like:

var selectValue = $(this).val();
alert("<%= render 'product_form/#{selectValue}', f:builder %>");

You can't make Ruby works directly with Ruby: Ruby is executed on the server-side, whereas Javascript is executed on the client-side. You need to send the value selected with Javascript, the server responds (in your case, with HTML), the client gets the response and handle (in your case, display) the response. — MrYoshiji
– MrYoshiji, Commented Jun 18, 2014 at 18:28
You can generate .js template in Rails view and interpolate it in Javascript. — Victor Moroz
– Victor Moroz, Commented Jun 18, 2014 at 19:12

Victor Moroz · Accepted Answer · 2014-06-18 19:24:02Z

1

Not exactly what you asked for (you can't call Ruby from JS except for sending AJAX request), but this hybrid approach is close:

Generate normal Rails view with e.g. Mustache.js (https://github.com/janl/mustache.js) substitutions:

... <div>Product: {{product}}</div> ...

Render it to a string and pass to JS.
alert(Mustache.render(your_template, {product: selectValue}))

answered Jun 18, 2014 at 19:24

Victor Moroz

9,2351 gold badge21 silver badges23 bronze badges

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

Collectives™ on Stack Overflow

Interpolate between ruby and javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related