渲染部分Rails，將值一起傳遞+ AJAX

Question

我已經被困了兩個小時了。 我正在使用Rails 4.2和Ruby 2.1.1。

我有這套單選按鈕：

new.html.erb：

<% PokemonDefault.where(forme: nil).each do |pkm| %>
     <li>
          <%= f.radio_button :number, pkm.num, :onclick => 'render_picture();' %>
          <%= image_tag 'miniaturePokemon/'+pkm.code+'.png' %>
          <span class="name"><%= pkm.name %></span>
     </li>
<% end %>

我也有這個js：

new.js.erb （注意：“ ????”是我不知道如何填寫的字段之一）

function render_picture() {
$('#pokemon_picture').html('<%=j render :partial => 'picture',:locals => {:number => ???? } %>');

}

最后，圖片模板：

_picture.html.erb

<%= number %>

我想要的是，當我單擊其中一個單選按鈕時，會在“ #pokemon_picture”內部呈現“ _picture”，其中包含pkm.num外觀 。 （我想使用此編號來渲染圖片，每張圖片都有自己的編號。）

需要澄清的是：每個pkm都有自己的編號 ，我希望通過Ajax單擊單選按鈕后立即呈現它。

Answer 1

嘗試

<%= f.radio_button :number,
                   pkm.num,
                  :onclick => 'render_picture(this);',
                  :data-num => pkm.num 
%>

function render_picture(tag) {
  var num = $(tag).data('num');
  $('#pokemon_picture').html('<%=j render :partial => 'picture',:locals => {:number => ' + num + ' } %>');
}

要么

<%= f.radio_button :number,
                   pkm.num,
                  :onclick => "render_picture(#{pkm.num});"
%>

function render_picture(num) {
  $('#pokemon_picture').html('<%=j render :partial => 'picture',:locals => {:number => ' + num + ' } %>');
}