I am working in an application where on clicking a button I should pop up a small window with a drop-down list of users. on-licking any one of those users, I should get user_id and it should be saved in one more model
my team controllers view has
new.html.erb // contains my form code
_new.html.erb // contains modal code
new.js.erb //contains js code
implemented in the following way
//controller
def new
@team=Team.new
respond_to do |format|
format.html
format.js
end
end
//_new.js.erb
$("#modal-window").find(".modal-content").html("<%= j (render 'new') %>");
$("#modal-window").modal();
//new.html.erb
<%= form_for :team, :html => { :class => "form-horizontal team" } do |f| %>
<div class="col-md-6 col-md-offset-3">
<div class="form-group">
<%= f.label :team_name, :class => 'control-label col-lg-2' %>
<div class="col-lg-10">
<%= f.text_field :team_name, :class => 'form-control' %>
</div>
</div>
<%= link_to 'Select Captain', teams_new_path, {:remote => true, 'data-toggle' => "modal", 'data-target' => '#modal-window', class: 'btn btn-primary btn-lg'} %>
<div id="modal-window" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content"></div>
</div>
</div>
<div class="form-group">
<%= f.label :ground_name, :class => 'control-label col-lg-2' %>
<div class="col-lg-10">
<%= f.text_field :ground_name, :class => 'form-control' %>
</div>
</div>
<div class="form-group">
<div class="col-lg-offset-2 col-lg-10">
<%= f.submit nil, :class => 'btn btn-primary' %>
<%= link_to t('.cancel', :default => t("helpers.links.cancel")),
teams_new_path, :class => 'btn btn-default' %>
</div>
</div>
</div>
<% end %>
//_new.html.erb
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
<%= select(:user_id, User.all.map{|e| [e.full_name, e.id]},{ include_blank: "Please select"}, multiple: true ) %>
</div>
<div class="modal-footer">
<button class="btn btn-primary">Save</button>
</div>
now its displaying my new.html.erb but no actions are undertaken
//log shows
Started GET "/teams/new" for 127.0.0.1 at 2019-02-06 10:24:52 +0530
Processing by TeamsController#new as JS
Rendering teams/new.js.erb
Rendered teams/_new.html.erb (0.3ms)
Rendered teams/new.js.erb (1.8ms)
Completed 200 OK in 9ms (Views: 6.5ms | ActiveRecord: 0.0ms)
pop up window is not showing please help me with correct guidance
