jquery 从对象中获取元素 - intl-tel-input 从国家数据中获取拨号代码

Posted 2023-05-09

【中文标题】jquery 从对象中获取元素 - intl-tel-input 从国家数据中获取拨号代码

【英文标题】：jquery get elements from object - intl-tel-input get dial code from country data

【发布时间】：2017-07-30 15:43:40

【问题描述】：

我是 jquery 的新手，我正在尝试在提交表单后从 intl-tel-input 中的 SelectedCountryData 对象获取值。

从文档getSelectedCountryData 返回如下内容，我想从中获取值“93”：

  name: "Afghanistan (‫افغانستان‬‎)",
  iso2: "af",
  dialCode: "93"

我可以成功返回电话号码，但是当我使用以下方法时，调用代码返回了[calling_code] => [object Object]：

$("form").submit(function() 
     $("#phone-full").val($("#phone").intlTelInput("getNumber")); //this works
     $("#calling_code").val($("#phone").intlTelInput("getSelectedCountryData")); //this doesn't
);

以下是表单输入字段：

<input type="tel" id="phone" value="<?php echo $phone_number ?>">
<input id="phone-full" type="hidden" name="phone_number">
<input id="calling_code" type="hidden" name="calling_code">

【问题讨论】：

我们需要查看输入周围的一些标记。

OK - 已编辑以包含表单输入

【参考方案1】：

我设法解决了这个问题，希望它对其他人有用：

$("#calling_code").val($("#phone").intlTelInput("getSelectedCountryData").dialCode);