Как получить страну из (intl-tel-input) jquery

как я могу получить название выбранной страны из intlTelInput? У меня есть форма со скрытым входом, который должен получить название выбранной страны. но я не знаю, как это сделать

inttelephoneinput.js

$(function() {
    $("#mobile-number").intlTelInput({
        preferredCountries: ["us", "co"],
    });
});

шаблон Уточняю, что выбор стран и ввод номера работает

<div class="col-md-6 col-lg-6 mg-t-20 mg-md-t-0">
         <input type="code" id="country" vale=" ">
         <label class="form-control-label">Telephone: <span class="tx-danger">*</span></label> <input class="form-control" type="tel" id="mobile-number" name='phone_number' placeholder="e.g. +1 702 123 4567">  
</div>


{% block extra_js %}
<script src="{% static 'template/assets/plugins/telephoneinput/telephoneinput.js' %}"></script>
<script src="{% static 'template/assets/plugins/telephoneinput/inttelephoneinput.js' %}"></script>
{% endblock %}

Попробуйте это

<input type="tel" id="phone">
<input id="getCountry" type="button" value="Get Country Name"/>

и сценарий

var input = document.querySelector("#phone");
var iti = window.intlTelInput(input, {
// any initialisation options go here
});
  
$('#getCountry').on('click', function()
{
  var cdata = iti.getSelectedCountryData();
  alert(cdata['name']);
});
Вернуться на верх