Rails select_tag - jQuery/JavaScript隐藏/显示更改事件

Question

我的助手中有以下几点：

def cancellation_policies_options_for_elite(room)
  options_for_select( [ [t("cancellation_policies.standard"), "standard"], [t("cancellation_policies.moderate"), "moderate"], [t("cancellation_policies.strict"), "strict"], [t("cancellation_policies.elite"), "elite"], [t("cancellation_policies.super_elite"), "super_elite"]] )
end

它既指定了在select菜单中呈现的文本，也指定了值(即标准、中度等)。

在我看来，然后我呼吁：

<%= select_tag('selected_cancellation_policy_id', cancellation_policies_options_for_elite(@room), id: 'select-policy', class: 'input-xxlarge') %>

在此下面，我有以下的div：

<div id="moderate" class="policies" style="display:none">
  Moderate policy
</div>

<div id="strict" class="policies" style="display:none">
  Strict policy
</div>

<div id="elite" class="policies" style="display:none">
  Elite policy
</div>

$("#select-policy").on('change', function() {
  alert("It's working!");
  $('.policies').hide();
  $("#" + $(this).val()).show();
}

我的项目中有jQuery和jQuery UI，所有这些都是正确编译的，就像许多其他jQuery元素一样。然而，我没有得到任何回应，从这个功能，并完全没有原因。对此有什么想法吗？

Answer 1

这应该是可行的：

$(document).ready(function(){
    $('.policies').hide();
});

然后，在更改复选框时，执行以下操作：-

$(document).on('change', '#select-policy', function() {
    alert("It's working!");
    $('.policies').not("#" + $(this).val()).hide();
});

此外，在“精英政策”div中，id应该是"super_elite“而不是”精英“。因为在复选框中取消精英值是"super_elite“。标准政策部门在这里失踪了。