How to re-write this code to work in ruby on rails

Question

I need to re-write this code below to work in rails format. I alread googled, unsuccessfully.

<select id="ddlSelect">
      <option>Jobs</option>
      <option>Products</option>
      <option>Other</option>
    </select>
<input type="text" id="hdnPro" value="product" style='display:none'/>


$('#ddlSelect').on('change',function(){
   if($(this).val() == 'Products'){
        $('#hdnPro').show();
      }else{
        $('#hdnPro').hide();
      }
});

I need to convert this code above to work inside a rails framework.

In the view I tried this way, /app/vies/gastos/_form.html.erb:

 <div align="center">
  <%= form_for(@gasto) do |f| %>


    <div class="form-group">
      <div class="field" id="ddlSelect">
        <%= f.label "Tipo de Pagamento" %><br>
        <%= f.select_tag(:payment_type, options_for_select([['À vista', 1], ['À prazo', 2], ['Misto', 3]]), { include_blank: true } ) %>   

      </div>

      <div class="field" id="hdnPro" style='display:none'>
        <%= render 'payment_flows/form' %>
      </div> 


    </div>
  <% end %>
</div>

And the javascript file this way, in the location /app/assets/javascript:

$('#ddlSelect').change(function(){
  $ajax({
    $('#ddlSelect').('change',function(){
        if($(this).val() == 'À prazo'){
            $('#hdnPro').show();
        }else{
            $('#hdnPro').hide();

    })
  })
});

Sorry for my bad english.

My Repository

Possible duplicate of [Rails 4: how to use $(document).ready() with turbo-links](http://stackoverflow.com/questions/18770517/rails-4-how-to-use-document-ready-with-turbo-links) — Vucko, Sep 19 '16 at 11:30

score 0 · Answer 1 · edited Sep 19 '16 at 02:20

0

$('#ddlSelect').on('change',function(){
   if($(this).val() == '2'){
        $('#hdnPro').show();
   }else{
        $('#hdnPro').hide();
   }
});

Try with this JavaScript.

edited Sep 19 '16 at 02:20

Pang

9,564
146
81
122

answered Sep 19 '16 at 01:47

ocodificador

1
2

score 0 · Answer 2 · answered Sep 19 '16 at 17:29

This is my solution:

  <div class="field" id="ddlSelect">
    <%= f.label "Tipo de Pagamento" %><br>
    <%= f.select_tag(:payment_type, options_for_select([['À vista', 1], ['À prazo', 'À prazo'], ['Misto', 3]]), include_blank: true, :onchange => 'teste()') %> 

  <div class="field" id="hdnPro" style='display:none'>
    <%= render 'payment_flows/form' %>
  </div> 

    <script >
      $('#payment_type').on('change',function(){
         if($(this).val() == 'À prazo'){
              $('#hdnPro').show();
         }else{
              $('#hdnPro').hide();
         }
      });
    </script>  


  </div>

How to re-write this code to work in ruby on rails

2 Answers2