JavaScript 追加 Rails erb 代码

Question

我得到了一个由rails erb编写的复杂的select block ，但现在我需要使用append将其重写为jQuery。

选择 block 是这样的

<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());
  });