JavaScript追加Rails的erb代碼

Question

我得到了一個複雜的select塊，這是由rails erb寫的，但現在我需要用append將它重寫成jQuery。

的選擇模塊是這樣

<select id="mission_reward" name="mission_reward" class="select_reward"> 
    <option value="0"><%=t('mission.create_panel.no_reward')%></option> 
    <% @monsters.each do |monster|%> 
    <option data-img-src="<%=monster.url%>" 
      data-cost='<%=monster.need_q_point%>' 
      value="<%=monster.id%>"> 
     <%= monster.name %> 
    </option> 
    <% end%> 
</select> 

我已經寫了一些代碼下面

HTML

<div class='select_block'></div> 
<script type="text/javascript"> 
    $(function() { 
    $('select_block').append(AppendReward()); 
    }); 
</script> 

JS

function AppendReward(){ 
    return 
    "<select id=\"mission_reward\" name=\"mission_reward\" class=\"select_reward\"> \ 
    <option value="0"><%=t('mission.create_panel.no_reward')%></option> \ 
    <% @monsters.each do |monster|%> \ 
     <option data-img-src="<%=monster.url%>" \ 
      data-cost='<%=monster.need_q_point%>' \ 
      value=\"<%=monster.id%>\"> \ 
     <%= monster.name %> \ 
     </option> \ 
    <% end%> \ 
    </select>" 
} 

但它似乎失敗了，我不熟悉JavaScript，它的語法有錯嗎？

Answer 1

使用下面

<div class='select_block' id = "select_block"></div> 

jQuery中，寫如下：的

$(document).ready(function() { 
    $('#select_block').append(AppendReward()); 
}); 

代替

$(function() { 
    $('select_block').append(AppendReward()); 
    });