Select2下拉菜单(带有标志的国家/地区) [英] Select2 drop-down for countries, with flags

问题描述

有人为Select2提供一个带有国家标记的国家/地区下拉菜单的简单易用示例吗?我将基于此建议实施一个建议，但我希望避免重新发明轮子.

Does somebody have an easy to use example of a country drop-down, with country flags, for Select2? I am about to implement one based on this suggestion, but I would prefer to avoid reinventing the wheel.

推荐答案

我正在研究类似的问题，下面是解决问题的方法.

I was working on a similar problem and here is how I solve it.

(function($) {
    $(function() {
        var isoCountries = [
            { id: 'AF', text: 'Afghanistan'},
            ...
        ];
        //Assuming you have a select element with name country
        // e.g. <select name="name"></select>

        $("[name='country']").select2({
            placeholder: "Select a country",
            data: isoCountries
        });
    });
})(jQuery);

我还制作了一个要点，下面是演示.

I also have made a gist about it and following are the demos.

• 演示1
• 带有标志的演示2 基于官方

• Demo 1
• Demo 2 with flags based on official DOC of select2

这篇关于Select2下拉菜单(带有标志的国家/地区)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！