ユーザーがこのグループにstudent_group何人いるかを宣言する を追加するアプリケーションがあります。このスレッド(js2coffee.org 経由で coffeescript に変更)studentsの 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 %>
そして最後に、「students/_form」
<tr id="nos_header" style="display:none">
<td><%= f.text_field :name, placeholder: "..." %></td>
<td><%= f.select :gender, ['Female', 'Male', 'Transgender'] %></td>
</tr>
EDIT：@mu、あなたのコメントに対処するために：（1）フォーマットを修正しましたが、入力ボックスと出力は互いにほとんどまたはまったく関係がありません。SO でのテキスト/コードの書式設定に関するドキュメントを読みましたが、まだ何かがクリックされていないことは明らかです。申し訳ありません。(2) 開いたタグを取り出した<p>- 変更前の残り物だったと思います。指摘してくれてありがとう。(3) うまくいかないことについては、もっと明確にするべきでした。最初にリンクしたページで、これと同様の機能を目指しています。ユーザーが生徒数を入力すると、coffeescript が起動し、その多くの新しい生徒が入力されるのに適切な数のフィールドが表示されます。しかし、現時点ではそうはなっていません。ブラウザでエラーが発生しません (つまり、それ以外の場合は機能します)-しかし、学生の数を選択しても、ページ上で何も変化しません。ご協力いただきありがとうございます！