将div中的文本作为字段的输入值

时间:2017-12-04 12:09:32

标签: jquery html

我有一个电话字段<input id="phone" type="tel">,用户可以在其中输入他的电话号码,此号码与国家/地区代码一起显示为div <h2>Result</h2>。我现在反过来试图将这个数字显示为div作为隐藏字段的输入值。

我已设法获取电话号码,但我也无法将国家/地区代码输入隐藏字段。

&#13;
&#13;
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;
&#13;
&#13;

Fiddle

1 个答案:

答案 0 :(得分:2)

也许使用插件方法会有帮助吗?!

$("#phone").change(function(){
  $("#field2").val(input.intlTelInput("getNumber"));
});