没有从 intlTelInput 输入中获取国家代码

Question

In my Laravel project, I am using intlTelInput for getting the country code input field. I am getting the country code and country flags (readonly). But when I submit form I am getting only the text field value but not getting the country code merging with it. like I select Bangladesh. the beside the flag is shows- 880 in the read-only field. after that then I put the rest of the number in the editable text field like: 171111111 and submit the result I am getting is 17111111. I am not getting the country code merged result like 8801711111111. What to do?

blade.php part:

<input id="phone" class="form-control" name="client_phone1" type="tel" />

script part:

<script>
  var input = document.querySelector("#phone");
  window.intlTelInput(input, {
    // allowDropdown: false,
    // autoHideDialCode: false,
    autoPlaceholder: "off",
    // dropdownContainer: document.body,
    // excludeCountries: ["us"],
    // formatOnDisplay: false,
    // geoIpLookup: function(callback) {
    //   $.get("http://ipinfo.io", function() {}, "jsonp").always(function(resp) {
    //     var countryCode = (resp && resp.country) ? resp.country : "";
    //     callback(countryCode);
    //   });
    // },
    // hiddenInput: "full_number",
    // initialCountry: "auto",
    // localizedCountries: { 'de': 'Deutschland' },
    // nationalMode: false,
    // onlyCountries: ['us', 'gb', 'ch', 'ca', 'do'],
    placeholderNumberType: "MOBILE",
    preferredCountries: ["bd"],
    separateDialCode: true,
    utilsScript: "public/build/js/utils.js"
  });
</script>

Answer 1

add in variable

var iti= window.intlTelInput(input, {
    // allowDropdown: false,
    // autoHideDialCode: false,
    autoPlaceholder: "off",
    // dropdownContainer: document.body,
    // excludeCountries: ["us"],
    // formatOnDisplay: false,
    // geoIpLookup: function(callback) {
    //   $.get("http://ipinfo.io", function() {}, "jsonp").always(function(resp) {
    //     var countryCode = (resp && resp.country) ? resp.country : "";
    //     callback(countryCode);
    //   });
    // },
    // hiddenInput: "full_number",
    // initialCountry: "auto",
    // localizedCountries: { 'de': 'Deutschland' },
    // nationalMode: false,
    // onlyCountries: ['us', 'gb', 'ch', 'ca', 'do'],
    placeholderNumberType: "MOBILE",
    preferredCountries: ["bd"],
    separateDialCode: true,
    utilsScript: "public/build/js/utils.js"
  });

get like this

iti.getSelectedCountryData().iso2,