Magento 2：结帐中的国家 select 字段显示两个空选项

Question

当我在开发 Magento 2 版本 2.1.12 网上商店时，我在结帐页面的国家/地区选择器字段中遇到了一个错误。如下图所示，有两个空选项。我想知道这是否是此版本 Magento 的已知错误，是否有可能的解决方案？

谨致问候，

雷姆科·亨德里克斯

Answer 1

对于遇到相同问题的任何人，我用 Jquery 和 CSS 做了一个肮脏的解决方案。由于我的结帐是动态加载的，因此 class 一开始并不存在，因此我进行了一次间隔检查，当加载的 class 存在时停止该功能。

Jquery

$(document).ready(function(){
    if (!$("select[name='country_id']").hasClass("loaded")) {   
        setInterval(function(){ 
            $i = 0;
            $("select[name='country_id'] > option").each(function() {
                $("select[name='country_id']").addClass("loaded")
                $(this).attr("name", ($i++) + "-option");
            });
        }, 1000);
    }
});

CSS

option[name="0-option"], option[name="1-option"] {
    display:none !important;
}

Answer 2

谢谢 Remco Hendriks

我使用了这个解决方案

if (!$("select[name='country_id']").hasClass("loaded")) {   
    setInterval(function(){ 
        $("select[name='country_id'] > option").each(function() {
            $("select[name='country_id']").addClass("loaded")
            if($(this).val()==undefined || $(this).val()==""){
                $(this).hide();
            }
        });
    }, 1000);
}

Magento 2：结帐中的国家 select 字段显示两个空选项

Magento 2: Country select field in checkout shows two empty options

checkout

magento

onestepcheckout

magento2.1