### 前提・実現したいこと複数の場所の情報を持った投稿を作成する機能を実装したいです。(1つのpostに対して複数のspot) そのために、 ①新規投稿フォームの一部(fields_for部分)を複製し、値を初期化した状態で配置 ②コピー元のフォームも含めて、fields_forのデータをすべて別のレコードとして保存という処理を行いたいのですが、方法がわからずハマっています。具体的には、「フォームを追加」をクリックすると、fields_forを囲った

のクローンが、入力された値が初期化された状態で下に追加される。「投稿」ボタンをクリックしたときに、ページ内のすべてのフォームのデータが保存される(postとそれに紐付いたspotすべて)。というのを想定しています。 spotモデルには、post_id属性を持たせており、同一のpost_idを持ったレコードは1つのpostに紐付いている状態です。 ### 発生している問題・エラーメッセージ現状のコードでは、・追加されたフォームには、コピー元のフォームに入力された値が残った状態で追加される・フォームを追加した場合、最後に追加されたフォームのデータしか保存されない (コピー元や、コピー元と最後のフォームに挟まれたフォームが保存されない) ### 該当のソースコード post.rb ```ruby belongs_to :user has_many :spots, dependent: :destroy accepts_nested_attributes_for :spots mount_uploader :image, ImageUploader ``` spot.rb ```ruby belongs_to :post mount_uploader :image, ImageUploader validates :title, length: {maximum: 30} #validates :post_id, presence:true validates :content, presence:true, length: { maximum: 140 } validate :image_size #住所を変換して、緯度をlattude、経度をlongitudeに保存 geocoded_by :address after_validation :geocode ``` posts_controller.rb ```ruby def new @post = Post.new @post.spots.build end def create @post = current_user.posts.build(post_params) @post.save redirect_to root_path end def post_params params.require(:post).permit(:content, spots_attributes: [:address, :image, :content, :title]) end ``` posts/new.html.erb ```html

投稿する

<%= form_with model: @post do |f|%>

<%= f.text_area :content, placeholder: "post.content"%>

<%= f.fields_for :spots do |s| %> <%= s.text_field :title, placeholder: "title"%>
<%= s.text_field :address, placeholder: "address"%>
<%= s.text_area :content, placeholder: "spot.content"%> <%= s.file_field :image, accept: 'image/jpeg,image/gif,image/png' %>
<% end %>

フォームを追加

<%= f.submit "投稿", class: "btn btn-primary" %> <% end %>

``` spotsテーブル ```ruby t.string :title t.text :content t.string :image t.string :address t.float :latitude t.float :longitude t.references :post, foreign_key: true t.timestamps ``` postテーブル ```ruby t.text :content t.references :user, foreign_key: true ``` ### 試したこと jQueryや素のJavaScriptなどを使わず、fields_for部分をコピペして、最初からフォームが複数用意された状態にすると、すべてのフォームのデータが保存されました。 ### 補足 postとspotで紛らわしくてすみません… もし分かりづらい点や、不足情報があればご指摘ください

	@@ -1 +1 @@
1	- fields_forを~~jQueryで~~複製、初期化
1	+ fields_forを複製、初期化

質問編集履歴