34

我需要做一个下拉菜单来输入电话号码。我想做一些类似于谷歌在他的注册表中所做的事情。像这样的东西：

在此处输入图像描述

您知道电话前缀的任何开源下拉菜单吗？

我在谷歌上找过，我发现最相似的是这个菜单。我可以修改它来做我想做的事，但这需要时间，我想也许有人已经做了类似的事情。

注意：我分享的链接只包含国家和标志。我正在寻找一个完整的下拉列表，其中包含标志、国家名称、原始语言的国家名称、添加国家首先忽略字母顺序和国际电话前缀的能力。

4

3 回答 3

115

我也需要这个，所以我建造了它。

这是一个现场演示。

它目前具有以下功能：

  • 在国家/地区下拉列表中，您可以通过键入或使用向上/向下键进行导航
  • 选择一个国家会更新输入号码的拨号代码
  • 键入不同的拨号代码会自动更新显示的标志
  • 指定“首选国家”的选项（显示在列表顶部）

我使用以下开源项目构建了它：

于 2013-06-04T16:39:37.450 回答
1

那么，您需要一个包含电话号码所有详细信息的数据库，然后您需要通过 Ajax 查询数据库，也通过 Ajax 返回结果并显示它。获得结果后，您可以创建自己的 div 或 p 元素，用传入的数据填充它们并显示它。如果您不想这样做，请使用 jQuery UI 自动完成功能。

于 2012-06-26T09:59:30.417 回答
0 

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/6.4.1/js/intlTelInput.min.js"></script>
<script type="text/javascript">
  $("#mobile-number").intlTelInput();
</script>
<head>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/6.4.1/css/intlTelInput.css">
  <title></title>
 </head>
<input type="tel" id="mobile-number" placeholder="e.g. +1 702 123 4567">

它工作正常代码中没有问题可能会对您有所帮助，谢谢

标头链接 https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/6.4.1/css/intlTelInput.css 脚本 http://code.jquery.com/jquery-latest.min.js https ://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/6.4.1/js/intlTelInput.min.js

java 代码 $("#mobile-number").intlTelInput(); 表格代码

于 2020-04-15T08:59:53.720 回答