Search code examples
javascriptjqueryintl-tel-input

On change event for country code in intlTelInput

I am trying to set onchange event in intlTelInput (jQuery). But it's not working . If I change country code then it will listen as change . Here is my code. It's working when I change mobile number. But I want it when I change country code. Thanks in advance.

<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);
            
 });
Solution

  • check the documentation, you can use

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

    and try this solution also

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

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