ruby on rails-如何通過單擊+按鈕添加文本區域字段

Question

我有一個簡單的表格，有5個問題（文本區域）供用戶填寫。 我希望用戶能夠通過單擊“加號”按鈕來添加其他問題。

最簡單的方法是什么？ 請我在包括jQuery在內的JavaScript中不太熟練，所以請提供一些清晰的代碼，如果可能的話，請少做解釋。

這是我的看法：

<% question_numbering = 0 %>
<%= simple_form_for(@quiz, html: {class: 'form-vertical', id: 'someform' }) do |f| %>

    <div>
        question <%= question_numbering += 1 %><br>
        <%= f.input_field :content, :rows => 3, :style => "width:80%", :placeholder => "enter your question."  %><br>
        question <%= question_numbering += 1 %><br>
        <%= f.input_field :content, :rows => 3, :style => "width:80%", :placeholder => "enter your question."  %><br>
        question <%= question_numbering += 1 %><br>
        <%= f.input_field :content, :rows => 3, :style => "width:80%", :placeholder => "enter your question."  %><br>
        question <%= question_numbering += 1 %><br>
        <%= f.input_field :content, :rows => 3, :style => "width:80%", :placeholder => "enter your question."  %><br>
        question <%= question_numbering += 1 %><br>
        <%= f.input_field :content, :placeholder => "enter your question."  %><br>
    </div>

    <button type="button" class="btn btn-default" id = "js-add-question-row">
        <span class="glyphicon glyphicon-plus"></span>
    </button>
    <%= f.submit 'Submit', :class => "btn btn-default" %>
<% end %>

請注意， question <%= question_numbering += 1 %>僅用於將問題編號為表格形式。

Answer 1

也許您可以從本教程中獲得一個想法http://rbudiharso.wordpress.com/2010/07/07/dynamically-add-and-remove-input-field-in-rails-without-javascript/