沒有從 intlTelInput 輸入中獲取國家代碼

Question

在我的 Laravel 項目中，我使用 intlTelInput 獲取國家代碼輸入字段。 我正在獲取國家代碼和國旗（只讀）。 但是當我提交表單時，我只得到文本字段值，但沒有得到國家代碼與其合並。 像我 select 孟加拉國。 標志旁邊是只讀字段中的 shows- 880。 之后，我將數字的 rest 放入可編輯文本字段中，例如：171111111 並提交我得到的結果是 17111111。我沒有得到國家代碼合並結果，例如 8801711111111。怎么辦？

blade.php部分：

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

腳本部分：

<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

添加變量

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

變得像這樣

iti.getSelectedCountryData().iso2,