Railsで多対多のモデルを追加できるようにしたい

Question

閲覧いただきまして、誠にありがとうございます。

Railsでクラウドファンディングのようなサービスを作成しています。
現在、エラーが出ているのは、クラウドファンディングのプロジェクト（Projectモデル）に参画しているユーザーを既に登録しているユーザー（Userモデル）の中から検索して複数追加するという機能を実装している際です。

undefined local variable or method `m' for

こちらにありますQiita記事を参考に進めていたのですが、エラーおよび構造上理解が追いついておらず、エラーを解消することができずにいます。
https://qiita.com/shizuma/items/5bfcf6c1e855b959e135

すみませんが、どなたかおたすけくださいませ。

Projectモデル（app/models/project.rb）

class Project < ApplicationRecord
    has_many :users, through: :user_projects
    has_many :user_projects
    accepts_nested_attributes_for :user_projects, allow_destroy: true
end

Userモデル（app/models/user.rb）

Class User < ApplicationRecord
  has_many :projects, through: :user_projects
  has_many :user_projects
end

中間テーブル（app/models/user_project.rb）

class UserProject < ApplicationRecord
  belongs_to :user
  belongs_to :project
end

Projectコントローラー（app/controllers/project_controllers.rb）

・・・
  def new
    @project = Project.new
    @project.user_projects.build
  end


  def create
    @project = Project.create(create_params)
    if @project.save
      flash[:success] = "新しくプロジェクトが追加されました！"
      redirect_to @project
    else
      flash[:alert] = "プロジェクトの追加に失敗しました。"
      redirect_to new_project_path
    end
  end
・・・
  private

  def create_params
    params.require(:project).permit(:id, :name, user_projects_attributes: [:user_id, :project_id])
  end

プロジェクト作成画面（app/views/projects/new.html.erb）

<section class="form">
  <div class="mainContainer">
    <h2>プロジェクトの新規作成</h2>
    <%= form_for(@project) do |f| %>
      <div class="formItem">
        <h3>メンバー追加</h3>
        <%=  f.fields_for :user_projects, id: "add_member_#{m.index}", class: "js-team_member" do |m| %>
          <%= m.collection_select :user_id, User.all, :id, :name %>  
          <span class="member_delete" id="#{m.index}">Delete</span>
          <p id="add_item_button">追加する</p>
        <% end %>
      </div>
    <% end %>
  </div>
</section>

<script>
  var member_num = $(".js-project_member").length;
  $("#add_item_button").on("click", function() {
    var input =
      '<div class="js-project_member" id="add_member_' +
      member_num +
      '">' +
      '<select name="project[category_id]" id="project_category_id">' +
      '<span class="member_delete" data-id="' +
      member_num +
      '">' +
      "Delete" +
      "</span>" +
      "</div>";
    $("#project_members_box").append(input);
    member_num++;
  });
</script>

Answer 1

この部分ですね、 m が有効になるのはブロックの中なので、ブロックの外で m.index しているID指定を外せば動くと思います

<%=  f.fields_for :user_projects, id: "add_member_#{m.index}", class: "js-team_member" do |m| %>

Comments

[rails1]

ありがとうございます。まさしく初歩的なところでした。
その後、Cocoonを導入したらなんとか紐づくものを複数追加することまではできました。
わざわざ、ご回答いただきまして感謝します。