ruby​​ on railsでこのコードを書き直すには

Question

レールコードで動作させるには、以下のコードを書き直す必要があります。私はうそをついた、うまくいかなかった。

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

上記のコードを変換して、レールフレームワーク内で作業する必要があります。

とJavaScriptファイルをこのように、場所/アプリ/資産/ JavaScriptで：

私は/app/vies/gastos/_form.html.erb、この方法を試してみましたビューで

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

    }) 
    }) 
}); 

私の悪い英語のために申し訳ありません。

My Repository

Answer 1

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

このJavaScriptで試してみてください。

Answer 2

これは私のソリューションです：[Railsの4：ターボリンクを$（ドキュメント）.ready（）を使用する方法]の

<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>