Javascript - 填写国家/地区代码下拉国家/地区下拉列表

时间:2015-12-07 10:04:03

标签: html select country dropdown

是否有任何Javascript插件可以在更改国家/地区下拉列表时填写国家/地区代码?

1 个答案:

答案 0 :(得分:0)

插件,不是我所知道的...我知道答案不应该只包括外部链接,但我想这可能是例外情况,我会在案例1中有一些链接包含一些内容...... 由于国家名称和代码不会经常更改,因此现在使用此文本提取可能是安全的:

http://www.textfixer.com/resources/dropdowns/country-list-iso-codes.txt

然后使用split(':')功能,轻松填充文字&选择列表的值 像这样的选项元素:

    function populateCountriesDropDown() {
        var file = "countries.txt";
        var selectList = document.getElementById('selectID');
        var rawlist;

        var rawFile = new XMLHttpRequest();
        rawFile.open("GET", file, false);
        rawFile.onreadystatechange = function () {
            if (rawFile.readyState === 4) {
                if (rawFile.status === 200 || rawFile.status == 0) {
                    rawlist = rawFile.responseText.split('\n');
                }
            }
        }
        rawFile.send(null);

        for (var i = 0; i < rawlist.length; i++) {
            var country = rawlist[i].split(':');
            selectList.options[selectList.options.length] = new Option(country[1], country[0]);
        }
    }    

或与您可能正在寻找的其他链接:

http://www.freeformatter.com/iso-country-list-html-select.html

https://github.com/umpirsky/country-list