[英]Get input value for country code with jquery [auto country by IP/intl-tel-input jquery library]
我需要根據所選的國家/地區值將國家/地區代碼提交給 URL。
我為此使用 Intl-Tel-Input: https://github.com/jackocnr/intl-tel-input
這是 HTML 代碼:
<form id="redirform" method="GET" action="#link">
<div class="gtd-form-wrapper">
<input type="hidden" id="country" name="country">
<div class="form-group">
<input name="phone" pattern="[0-9]*" id="phone" class="f w-input" data-value-missing="Use numbers only. No country code! No whitespaces!" required="required" placeholder="Phone">
</div>
<div class="form-group">
<button class="submit-button w-button gtd-form-submit" type="submit">SUBMIT</button>
</div>
</form>
這是 jQuery:
var input = document.querySelector("#phone");
window.intlTelInput(input, {
initialCountry: "auto",
geoIpLookup: function(success, failure) {
$.get("https://ipinfo.io/", function() {}, "jsonp").always(function(resp) {
var countryCode = (resp && resp.country) ? resp.country : "";
success(countryCode);
});
},
});
input.addEventListener('countrychange', function () {
$('#country').val(iti.getSelectedCountryData().iso2);
});
$('#redirform').on('submit',function(){
var $input = $(this).find("input[name=country]");
$('#country').val(iti.getSelectedCountryData().iso2);
});
這是我擁有和需要的圖片:圖片點擊打開
似乎您需要從 intl 輸入中獲取所選國家/地區的值。 您不需要在 HTML 中添加國家/地區輸入。
var intl = window.intlTelInput(input, {
initialCountry: "auto",
geoIpLookup: function(success, failure) {
$.get("https://ipinfo.io/", function() {}, "jsonp").always(function(resp) {
var countryCode = (resp && resp.country) ? resp.country : "";
success(countryCode);
});
},
});
$('#redirform').on('submit', function(e) {
e.preventDefault();
var countryData = iti.getSelectedCountryData();
var form = $('#form');
form.append($("<input>").attr("type", "hidden").attr("name", "country").val(countryData.iso2));
form.submit();
});
在表單提交時,會創建一個隱藏的輸入並設置值,因此您無需擔心。
因為您告訴您需要將國家/地區值獲取到 URL 中,所以表單將作為 GET 提交,因為表單的方法是 GET。
希望這會幫助你。 謝謝。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.