如果运输方式更改，则在结帐页面上隐藏自定义字段答案

【问题标题】：Hide custom field on checkout page if shipping method changed如果运输方式更改，则在结帐页面上隐藏自定义字段
【发布时间】：2014-10-14 01:13:51
【问题描述】：

我已成功向 woocommerce 页面添加了一个名为“delivery_day”的自定义字段，该字段位于订单备注下方。仅当在购物车页面上选择了特定的运输方式时，此自定义字段才会添加到结帐页面。

如果用户决定更改结帐页面上的送货方式，我需要删除/隐藏自定义的“delivery_day”字段。

任何建议将不胜感激。

有没有办法在更改运输方式时刷新结帐页面的结算/运输部分？或者这可以使用一些 jQuery 来实现吗？

【问题讨论】：

是的，您可以在运输方式发生变化时使用 jquery/javascript 将其隐藏。侦听运输方式选择框上的更改事件，检测值，如果不是您想要的，隐藏delivery_day 字段。 api.jquery.com/change, api.jquery.com/val, api.jquery.com/hide
我想做同样的事情请指导我如何添加自定义字段“delivery_day”并根据运输方式显示和隐藏。

标签： php jquery wordpress woocommerce

【解决方案1】：

下面的 jQuery 似乎可以完成这项工作！

<script>
$(document).ready(function (){
        $('#selectionOne').on('change',function() {
        if ($('#selectionOne').val() == '-none-'){
            $('#selectionTwo').show();  
        } else {
        $('#selectionTwo').hide();
        }
    })
})
</script>

【讨论】：

要走的路。那一定感觉很好。你可以缩短它。 if ($(this).val() !== '-none-'){ $('#selectionTwo').hide(); } 一旦你进入了 change 事件的回调，this 指的是被改变的元素，$(this) 是 this 的 jQuery 包装版本，所以你可以做类似val()