將Coffeescript改編爲rails應用程序

Question

我有一個應用程序，用戶在其中添加一個student_group，其中他們聲明此組中有多少個students。我試圖從這個thread（我通過js2coffee.org更改爲coffeescript）來調整js以與我的應用程序一起工作，但是我從來沒有學過或使用過js，所以我遇到了一些麻煩。謝謝你的幫助！

student_groups.js.coffee

# Place all the behaviors and hooks related to the matching controller here. 
# All this logic will automatically be available in application.js. 
# You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/ 
# 
# https://stackoverflow.com/questions/15130587/jquery-add-or-remove-table-row-based-on-inputs 

emptyRow = -> 
    row_i++ 
    @obj = $("<tr></tr>") 
    @obj.append "<td><input type=\"text\" size=\"5\" value=\"" + row_i + "\"/></td>" 
    @obj.append "<td><input type=\"text\" size=\"5\" name=\"mm" + row_i + "\" id=\"id_mm" + row_i + "\"\"/></td>" 
    @obj.append "<td><input type=\"text\" size=\"5\" name=\"dd" + row_i + "\" id=\"id_dd" + row_i + "\"\"/></td>" 
    @obj.append "<td><input type=\"text\" size=\"5\" name=\"ma" + row_i + "\" id=\"id_ma" + row_i + "\"\"/></td>" 
    @obj.append "<td><input type=\"text\" size=\"5\" name=\"sr" + row_i + "\" id=\"id_sr" + row_i + "\" value=\"0\"\"/></td>" 
# how many applications we have drawed now ? 
refresh = (new_count) -> 
    if new_count > 0 
    $("#nos_header").show() 
    else 
    $("#nos_header").hide() 
    old_count = parseInt($("tbody").children().length) 
# the difference, we need to add or remove ? 
    rows_difference = parseInt(new_count) - old_count 
# if we have rows to add 
    if rows_difference > 0 
    i = 0 

    while i < rows_difference 
     $("tbody").append (new emptyRow()).obj 
     i++ 
    else if rows_difference < 0 # we need to remove rows .. 
    index_start = old_count + rows_difference + 1 
    $("tr:gt(" + index_start + ")").remove() 
    row_i += rows_difference 
row_i = 0 
$(document).ready -> 
    $("#nos").change -> 
    refresh $(this).val() 

student_groups/new

<%= form_for(@student_group) do |f| %> 

    <p> 
    <%= f.label :name, "Enter a nickname for this group" %> 
    <%= f.text_field :name, placeholder: "..." %> 
    </p> 

    <p> 
    <%= f.label :number_of_students, "How many students are in this group?" %> 
    <!-- https://stackoverflow.com/questions/10038993/rails-and-forms-drop-down-with-range-of-numbers-and-unlimited --> 
    <%= f.select :number_of_students, (0..60), :id => "nos" %> 
    </p> 

<table class="student_input_form"> 
    <tbody>  
    <tr> 
     <td><%= f.label :name, "What is the student's name?" %></td> 
     <td><%= f.label :gender, "What is the student's gender?" %></td> 
    </tr> 
     <%= f.fields_for :students do |builder| %> 
     <%= render 'students/form', :f => builder %> 
     <% end %> 
    </tbody> 
</table> 

<%= f.submit "Submit", :class => 'big_button round unselectable' %> 

<% end %> 

;最後，`學生/ _form」

<tr id="nos_header" style="display:none"> 
    <td><%= f.text_field :name, placeholder: "..." %></td> 
    <td><%= f.select :gender, ['Female', 'Male', 'Transgender'] %></td> 
</tr> 

編輯：@mu，以解決您的評論：（1）有固定的格式，雖然輸入框a nd輸出之間幾乎沒有任何關係。我已閱讀關於在SO上格式化文本/代碼的文檔，但顯然還沒有點擊。道歉。 （2）拿出那個標籤<p> - 認爲這一定是變化前的剩餘物。感謝您指出。 （3）至於什麼不行 - 我應該更清楚。我的目標是在我最初鏈接的頁面上的功能類似於this。當用戶輸入學生人數時，咖啡文本應該投入並顯示適當數量的字段，以便輸入許多新學生。但是，目前尚未發生。我在瀏覽器中沒有收到任何錯誤（例如，所有內容其他都有效） - 但是當我選擇了學生人數時，頁面上沒有任何更改。謝謝你的幫助！