Javascript Intl tel input change下拉列表另一下拉列表中的拨号代码

正在尝试使用intl tel输入插件解决问题

根据这个例子，#phone flag和#country text正发生变化，反之亦然，但我希望电话号码字段上的拨号代码发生变化，有时两个标志相互重叠，有什么帮助吗？谢谢

var countryData = window.intlTelInputGlobals.getCountryData(),
input = document.querySelector("#phone"),
countryDropdown = document.querySelector("#country");

intlTelInput(input, {
    allowDropdown: true,
    autoHideDialCode: false,
    autoPlaceholder: "off",
    dropdownContainer: document.body,
    preferredCountries: ['jp'],
    separateDialCode: true,
    customContainer: "col-md-12 no-padding intelinput-styles",
    //utilsScript: "assets/js/utils.js"
});


var iti = intlTelInput(input, {
    utilsScript: "./utils.js" 
});

for (var i = 0; i < countryData.length; i++) {
    var country = countryData[i];
    var optionNode = document.createElement("option");
    optionNode.value = country.iso2;
    var textNode = document.createTextNode(country.name);
    optionNode.appendChild(textNode);
    countryDropdown.appendChild(optionNode);
}


input.addEventListener('countrychange', function(e) {
    countryDropdown.value = iti.getSelectedCountryData().iso2;
});

countryDropdown.addEventListener('change', function() {
    iti.setCountry(this.value);
});

var countryData=window.intlTelInputGlobals.getCountryData（），
输入=document.querySelector（“电话”），
countryDropdown=document.querySelector（“国家”）；
intlTelInput（输入{
allowDropdown：正确，
autoHideDialCode:错误，
自动放置架：“关闭”，
dropdownContainer:document.body，
首选国家：['jp']，
分离代码：对，
customContainer：“col-md-12无填充输入样式”，
//utilsScript：“assets/js/utils.js”
});
var iti=intlTelInput（输入{
utilsScript:“./utils.js”
});
对于（变量i=0；i

我的坏朋友，别管它了，它调用了init两次

在此初始化：

 var iti = window.intlTelInput(input, {
    utilsScript: "assets/js/utils.js",
    initialCountry: "jp",   
    separateDialCode: true,
    customContainer: "col-md-12 no-padding intelinput-styles",
});

删除此项：

intlTelInput(input, {
    allowDropdown: true,
    autoHideDialCode: false,
    autoPlaceholder: "off",
    dropdownContainer: document.body,
    preferredCountries: ['jp'],
    separateDialCode: true,
    customContainer: "col-md-12 no-padding intelinput-styles",
    //utilsScript: "assets/js/utils.js"
});

---

别管了，我的坏朋友，给init打了两次电话

在此初始化：

 var iti = window.intlTelInput(input, {
    utilsScript: "assets/js/utils.js",
    initialCountry: "jp",   
    separateDialCode: true,
    customContainer: "col-md-12 no-padding intelinput-styles",
});

删除此项：

intlTelInput(input, {
    allowDropdown: true,
    autoHideDialCode: false,
    autoPlaceholder: "off",
    dropdownContainer: document.body,
    preferredCountries: ['jp'],
    separateDialCode: true,
    customContainer: "col-md-12 no-padding intelinput-styles",
    //utilsScript: "assets/js/utils.js"
});