javascript - 如何从 javascript 渲染部分内容

Question

我有一个根据不同选择中的选择而填充的选择为此，我按照 Railscast #88 中关于“动态选择菜单”的建议进行了操作。

但现在我需要渲染一个部分，传入在每个选择中选择的值。我不知道如何简单地从 select 中的 :onchange 事件触发方法调用，所以我想我需要从检测 selects change 事件的 javascript 处理程序中调用 render :partial 。但我无法弄清楚如何。我在 javascript 方法(在 .js.erb 文件中)中尝试了以下方法，但它没有按预期工作:

function staffSelected() {
    $('date_area').show();
    <% render :partial => "calendar" -%>
}

谁有好的解决办法？

Answer 1

我想这就是您要找的。我在具有“颜色”ID 的 DIV 中渲染部分，仅当所选单选按钮的值为红色时才渲染部分:

<script language="javascript" type="text/javascript">
jQuery(function($){
  $('#radio-buttons input[type=radio]').click(function() {
    if ($(this).attr("value") === "red") {
      $("#colors").html('#{escape_javascript(render :partial => "colors")}');
    }
  });
});
</script>