我有一个电话字段<input id="phone" type="tel">
,用户可以在其中输入他的电话号码,此号码与国家/地区代码一起显示为div <h2>Result</h2>
。我现在反过来试图将这个数字显示为div作为隐藏字段的输入值。
我已设法获取电话号码,但我也无法将国家/地区代码输入隐藏字段。
var input = $("#phone"),
output = $("#output");
input.intlTelInput({
nationalMode: true,
utilsScript: "https://intl-tel-input.com/node_modules/intl-tel-input/build/js/utils.js" // just for formatting/placeholders etc
});
// listen to "keyup", but also "change" to update when the user selects a country
input.on("keyup change", function() {
var intlNumber = input.intlTelInput("getNumber");
if (intlNumber) {
output.text("International: " + intlNumber);
} else {
output.text("Please enter a number below");
}
});
$("#phone").change(function(){
$("#field2").val(this.value);
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h2>Result</h2>
<div id="result">
<p id="output">Please enter a number below</p>
<input id="phone" type="tel">
</div>
Hidden: <input id="field2">
&#13;
答案 0 :(得分:2)
也许使用插件方法会有帮助吗?!
$("#phone").change(function(){
$("#field2").val(input.intlTelInput("getNumber"));
});