Ruby on RailsでJavaScriptを使用してform_tagを作成して削除する

Question

JavaScriptで動的にform_tagをマイページに追加する方法を解説しています。私はおそらく通常のフォームを追加する方法を考え出すことができますが、私はフォームを提出すると便利な "authenticity_token"を得ることができるようにform_tagsを追加することをお勧めします。ここ が私の見解です...

show.html.erb：私はform_tagを追加する方法を知りませんが

<button id="add-new-form">Add invite</button> 

<div class="invite-user-forms"> 
<%= form_tag("/contests/#{@contest.id}", remote: true, class: "invite-user", controller: "contestants", action: "create", method: "post") do %> 
    <%= text_field_tag(:emailVal) %> 
    <%= submit_tag("Send invitation") %> 
    <%= button_tag("Remove") %> 
    <% end %> 
</div> 

そしてここでは、私のJavaScriptの期待のための私の概要である... application.jsは：

$(document).ready(function(){ 
    $("#add-new-form").click(function(){ 
    $(".invite-user-forms").append("form_tag??"); 
    }); 
}); 

さらに、私は「削除」button_tagをクリックしてform_tagを削除したい...私はそれぞれの新しいフォームはしかし、これが機能するためにはユニークなIDが必要になると想定します。 ..おそらく私のJavaScriptはこのように見えますか？

$(document).ready(function(){ 
    $("#remove-button-(some unique value)").click(function(){ 
    $("#unique-form-value").remove(); 
    }); 
}); 

ご迷惑をおかけして申し訳ありません。正しい方向にあなたを指すように

Answer 1

：

<%= form_for Contestants.new, remote: true do |f| %> 
<%= f.button :submit, "create new contestant" %> 
<% end %> 

以下、作成されたすべてのフォームをループする必要があります。

<%= @contestants.each do %> 
    <div class="invite-user-forms"> 
     <%= form_tag("/contests/#{@contest.id}", remote: true, class: "invite-user", controller: "contestants", action: "create", method: "post") do %> 
     <%= text_field_tag(:emailVal) %> 
     <%= submit_tag("Send invitation") %> 
     <%= button_tag("Remove"), remote: true, method: :delete %> 
     <% end %> 
    </div> 
<% end %> 

しかし、今 - あなたが実際に新しい競技を作成していない、それがすでに作成されている、あなたは上のボタンを押したときに - エントリを作成するときにも、それは空にすることはできません（それができます上記のように、送信ボタンにするだけなので、何かを<％= f.hidden_​​fieldに入れることができます。今、あなたはコンテストを編集しているので、このフォームは編集アクションの下にある必要があります。このフォームには'remote：true'が必要です。

リモコンの真実とAjaxのレールについては、「remote：true rails」とGoogleの手で得ることができる情報 - ロードがあります。