我想在我的国家的国旗下拉

I want flag in my country dropdown

本文关键字：国家 我的      更新时间：2023-09-26

我使用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): ?>

<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/

你不能在select元素的选项中添加图像，但是你可以使用这个jquery插件:http://gregfranko.com/jquery.selectBoxIt.js/IconsandImages

你需要包含;——jquery.js——jquery-ui.js-选择ectboxit .js和——selectBoxIt.css

当你在你的选择下拉菜单中循环通过每个国家时，你还需要引用国家标志图像，并将其添加到选项的"data-iconurl"属性中。

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

然后初始化插件:

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

的例子:http://codepen.io/partypete25/pen/pNbpGP

相关文章：