如何从javascript渲染部分

Question

我有一个select，它是根据不同select中的选择来填充的。为了做到这一点，我做了Railscast #88中关于“动态选择菜单”的建议。

但现在我需要呈现一个部分，传入在每个选择中选择的值。我不知道如何简单地从select中的:onchange事件触发方法调用，所以我想我需要从检测select change事件的javascript处理程序中调用render :partial。但我想不出是怎么回事。我在javascript方法(在.js.erb文件中)中尝试了以下内容，但它不能像预期的那样工作：

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

谁有好的解决方案？

Answer 1

您不能在JavaScript内部呈现部分来检测更改事件。Ruby是服务器端，JavaScript是客户端。当你的JavaScript运行的时候，你的Ruby已经被解析成常规的ol了。

您最好的选择是执行以下操作：

在onchange事件中使用AJAX控件(有原型/脚本控件)来访问您的服务器。您的服务器可以发回RJS来更新其他下拉框，或，它可以返回标准JSON，您可以在AJAX调用的onSuccess方法中手动填充其他下拉框。

Answer 2

我想这就是你要找的。我使用"colors“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>