关于 intlTelInput 中国家/地区代码的更改事件

Posted 2023-05-09

【中文标题】关于 intlTelInput 中国家/地区代码的更改事件

【英文标题】：On change event for country code in intlTelInput

【发布时间】：2020-11-11 16:02:18

【问题描述】：

我正在尝试在 intlTelInput (jQuery) 中设置 onchange 事件。但它不起作用。如果我更改国家/地区代码，那么它将听为 change 。这是我的代码。换手机号就可以了但是当我更改国家代码时我想要它。提前致谢。

<input type="text" name="user_phone_number" id="user_phone_number"> 

$('input[name=user_phone_number]').change(function() 
     var countryCode = $("#user_phone_number").intlTelInput("getSelectedCountryData").dialCode;
     alert(countryCode);
            
 );

【问题讨论】：

请定义“它不起作用”。

【参考方案1】：

查看文档，可以使用

input.addEventListener("countrychange", function() 
  // do something with iti.getSelectedCountryData()
);

也试试这个 solution

var input = $("#user_phone_number");
input.intlTelInput();

input.on("countrychange", function() 
  input.val('')
);

【参考方案2】：

对于那些想要通过国家 ID 更改选择的人

$('#user_phone_number').intlTelInput("setCountry", "us");

【参考方案3】：

试试这个，对我有用：

$("#ElementId").on("countrychange", function () 
                var SelectedCountry = $("#ElementId").intlTelInput("getSelectedCountryData");
                console.log(SelectedCountry );
           );