我的_form.html.erb无法使用Javascript吗？

Question

I'm doing fixed deposit project using ruby on rails. In that _form if i select some values from periods it should automatically display the text box value for rate_of_interest. I have tried some javascript but it doesn't work. Here is my code.

_form.html.erb

inside script tag<>

var roivalues = {

    '12 Months': 9.5,
    '24 Months': 10,
    '36 Months': 10.5,
    '48 Months': 11,
    '60 Months': 11.5
};


var form = document.getElementById('roidetails');

form.elements.noy.onchange = function ()

 {
    var form = this.form;

    form.elements.roi.value = roivalues[this.value];

};





<%= form_for @fd, :html => {:id => "roidetails"} do |f| %>  

<% if @fd.errors.any? %>


<h4>Couldn't open FD Account</h4>

<ul>

<% @fd.errors.full_messages.each do |error| %>

<li><%= error %></li>

<% end %>

</ul>


<% end %>


    <%= f.label :Period %>

    <%= f.select :noy, options_for_select(%w[12months 24months 36months 48months 60months]), { :include_blank => true}, :onchange => 'setroi(document.Form, this.value);' %>


    <%= f.label :Rate_of_interest %><span class="help-block">auto-generated</span>

    <%= f.text_field :roi, :id => 'roi', :disabled => true %>

  </div>

    <%= f.submit "Open FD", class: "btn btn-primary" %>  

    <% end %>

  </div>

</div>

I don't know why javascript is not working.

Kindly give some ideas to get me out.

Thanks...

Answer 1

Try to replace this

var roivalues = {

   '12 Months': 9.5,
   '24 Months': 10,
   '36 Months': 10.5,
   '48 Months': 11,
   '60 Months': 11.5
};

with this

var roivalues = {

  '12months': 9.5,
  '24months': 10,
  '36months': 10.5,
  '48months': 11,
  '60months': 11.5
};

Answer 2

Please replace your JavaScript

form.elements.noy.onchange

to

form.elements.fd_noy.onchange

and var roivalues as suggested by @Sandeeproop

This is solution.

var roivalues = {

  '12months': 9.5,
  '24months': 10,
  '36months': 10.5,
  '48months': 11,
  '60months': 11.5
};

var form = document.getElementById('roidetails');

form.elements.fd_noy.onchange = function ()

 {
    var form = this.form;

    form.elements.roi.value = roivalues[this.value];

};

Answer 3

The above javascript is not working for me so i go with the following site and this is working perfectly for my requirements. Thank you Mr. Sandeeproop and Sanket for your support. http://www.codingforums.com/general-web-building/178397-change-text-box-value-based-drop-down-value-selected.html