así que soy nuevo en javascript. Quiero crear un formulario, hay dos campos, número de teléfono y país. Y quiero separarlos en mi base de datos. Me pregunto cómo puedo obtener el valor del país de intl-tel-input ( https://github.com/jackocnr/intl-tel-input ). por ejemplo 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>¿Alguien puede ayudarme a resolver esto? gracias de antemano.
<!-- 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>