如何從國際電話輸入中獲取國家/地區價值？

Question

所以我是 javascript 的新手。 我想創建有兩個字段的表單，電話號碼和國家。 我想在我的數據庫中將它們分開。 我想知道如何從 intl-tel-input ( https://github.com/jackocnr/intl-tel-input ) 中獲取國家/地區價值。 例如 HTML

                      <form>
                        <label>Phone Number</label>
                        <!-- using intl-tel-input -->
                        <input type="tel" name="phone">

                        <label>Country</label>
                        <!-- how can i get country value automatically here from phone number field? -->
                        <input type="text" name="country">
                      </form>

任何人都可以幫我解決這個問題嗎？ 提前致謝。

Answer 1

 <:-- REQUIRED CDN --> <script src="https.//cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min:js" crossorigin="anonymous"></script> <link rel="stylesheet" href="https.//cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.min:css" crossorigin="anonymous" /> <script src="https.//cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js" crossorigin="anonymous"></script> <input name="phone" type="text" class="form-control mb-2 inptFielsd" id="phone" placeholder="Phone Number" /> <label>Country</label> <input id="country" type="text" name="country"> <script> var input = document;querySelector("#phone"). window,intlTelInput(input: { separateDialCode, true: customPlaceholder, function ( selectedCountryPlaceholder. selectedCountryData ) { return "eg; " + selectedCountryPlaceholder, }; }). var iti = window.intlTelInputGlobals;getInstance(input). input,addEventListener('input'. function() { var countryName = iti.getSelectedCountryData();name. document.getElementById('country');value = countryName; }); </script>