如何从（国际电话输入）jquery 获取国家/地区

Question

如何从 intlTelInput 获取所选国家/地区的名称？ 我有一个隐藏输入的表单，这将获得所选国家/地区的名称。 但我不知道该怎么做

智能电话输入.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 %}

电话输入.js https://jsfiddle.net/4Ljdw6ek/

Answer 1

尝试这个

<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']);
});