Question

我正在使用wordpress插件和国家下拉工作与woocommerce，它只显示文本国家，我希望与旗帜我的代码视图是：

if（！function_exists（'wcpbc_manual_country_script'））{

function wcpbc_manual_country_script() {
    ?>
    <script type="text/javascript">
        jQuery( document ).ready( function( $ ){
            $('.wcpbc-widget-country-selecting').on('change', 'select.country', function(){
                $(this).closest('form').submit();
            } );
        } );    
    </script>
    <?php
}

}

add_action（'wp_print_footer_scripts'，'wcpbc_manual_country_script'）;

if（$ countries）：？＆gt;

<form method="post" class="wcpbc-widget-country-selecting">     
    <select class="country" name="wcpbc-manual-country">
        <?php foreach ($countries as $key => $value) : ?>
            <option value="<?php echo $key?>" <?php echo selected($key, $selected_country ); ?> ><?php echo $value; ?></option>
        <?php endforeach; ?>
    </select>                   
</form>

插件名称为：https://wordpress.org/plugins/woocommerce-product-price-based-on-countries/

Answer 1

您无法将图像添加到select元素中的选项，但您可以使用此jquery插件： http://gregfranko.com/jquery.selectBoxIt.js/#IconsandImages

你需要包括; - jquery.js - jquery-ui.js - selectBoxIt.js和 - selectBoxIt.css

当您在选择下拉列表中遍历每个国家/地区时，您还需要引用这些国家/地区标记图像并将其添加到该选项的“data-iconurl”属性中。

<option value="country_value" data-iconurl="flag_image_url">

然后初始化插件：

 $("select.country").selectBoxIt();

例如： http://codepen.io/partypete25/pen/pNbpGP

我想在我的国家下拉旗帜

1 个答案: