jquery 选择新值时国际电话输入国家代码重叠

ukdjmx9f  于 2023-08-04  发布在  jQuery
关注(0)|答案(2)|浏览(96)

x1c 0d1x的数据
我有一个简单的代码,我在其中添加intl-tel-input到所有tel输入字段。我的问题是,当我选择另一个国家时,它显示的国家代码就像共享的图像一样。

var iti = $('input[type=tel]').intlTelInput({
                preferredCountries: false,
                separateDialCode: true,
                autoPlaceholder: "aggressive"
            })

字符串

ujv3wf0j

ujv3wf0j1#

我最近遇到了这个问题。我的错误是第二次初始化相同的输入。看看你有没有和我一样的情况。

x8diyxa7

x8diyxa72#

我认为你需要这样写代码:

let iti;
if(iti != null){
      iti.destroy();
}
function initializeTel() {
      var input = document.getElementById("myInternationalPhone");
    iti =intlTelInput(input, {
            //allowDropdown: false,
            //autoHideDialCode: true,
            // autoPlaceholder: "off",
            // dropdownContainer: document.body,
            // excludeCountries: ["us"],
            // formatOnDisplay: false,
            /*geoIpLookup: function(callback) {
                  $.getJSON('http://ipinfo.io', function(response){
                        console.log(JSON.stringify(response, null, 2));
                        var countryCode = (response && response.country) ? response.country : "ae";
                        callback(countryCode);
                  });
            },*/
            hiddenInput: "internationalphone",
            //initialCountry: "auto",
            // localizedCountries: { 'de': 'Deutschland' },
            nationalMode: true,
            // onlyCountries: ['us', 'gb', 'ch', 'ca', 'do'],
            //placeholderNumberType: "MOBILE",
            preferredCountries: ["sa", "ae", "jo", "kw", "qa", "bh", "om", "eg", "ye", "lb", "sy", "iq", "sd", "ma", "tn", "aj", "dz", "ly", "mr"],
            separateDialCode: true,
            utilsScript: serverstaticpathPHP + "/assets/js/internationPhoneCode/build/js/utils.js",
      });
}
/* End of International Phone*/
$(document).ready(function(){
      initializeTel();

});

字符串

相关问题