使用Rails和Coffee根據下拉選擇自動填充表單字段

Question

我是Ruby on Rails和Coffeescript的新手，我正試圖“翻譯”許多年前用VB編寫的簡單計算器應用程序。 用戶可以選擇幾個編織器之一，每個編織器具有3個不變的參數。 然后，將所選編織器的值與用戶填寫的其他值一起通過幾個方程式運行，以將結果返回給用戶。 結果是正確的，但是我希望能夠讓用戶在實際運行計算之前看到所選計算機的三個值。 我希望將它們作為表單字段以確保界面上的一致性，但是如果我錯過了另一種實現方法，那么我很樂意接受。

這是我要更新的表單部分。 選擇編織器后，我希望自動填充number_of_carriers，carrier_speed和capstan_diameter。每個編織器對象都將這些值存儲在數據庫中。

            <%= f.collection_select :braider_id, Braider.all, :id, :name, {prompt: "Select a Braider"}, data: { braiderChange: true } %></br>
            <%= f.label ("Number of Carriers") %> 
            <%= f.text_field :number_of_carriers %> </br> 
            <%= f.label ("Carrier Speed") %> 
            <%= f.text_field :carrier_speed %> </br>
            <%= f.label ("Capstan Diameter") %>
            <%= f.text_field :capstan_diameter %></br>

這是我編寫的Coffeescript，僅用於驗證onchange事件是否正常運行。 我希望“ TEST”成為數據庫中的相關值，但是我似乎無法弄清楚該怎么做。

$ ->
  $(document).on "change", "[data-braiderChange]", ->
  document.getElementById("braidcalc_number_of_carriers").value = "TEST"
  document.getElementById("braidcalc_carrier_speed").value = "TEST"
  document.getElementById("braidcalc_capstan_diameter").value = "TEST"
  return
return

任何建議將不勝感激。

謝謝！

Answer 1

我遇到了類似的問題，這個欄桿幫助我很好地解決了問題。 嘗試實施此http://railscasts.com/episodes/88-dynamic-select-menus的改編版