gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 08:13:08 25 4
gpt4 key购买 nike

我的助手中有以下内容:

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_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 元素正在工作。然而,我根本没有从这个函数中得到任何响应,并且完全不知道为什么。对此有什么想法吗?

最佳答案

这应该有效:-

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

然后在更改选择框时执行以下操作:-

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

此外,在“精英政策”div 中,id 应该是“super_elite”而不是“elite”。因为在选择框中取消精英值是“super_elite”。这里缺少标准策略 div。

关于javascript - Rails select_tag - jQuery/JavaScript 在更改事件上隐藏/显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34062899/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com