Question

我需要输入一个下拉菜单来输入电话号码。我想在他的registration form中做类似google所做的事情。像这样：

enter image description here

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

我在google中查找，我发现的最相似的是menu。我可以修改它来做我想要的但是它需要时间，我想也许有人已经做了类似的事情。

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

Answer 1

我也需要这个，所以I built it。

这是a live demo。

目前它具有以下功能：

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

我是在以下开源项目中构建的：

从https://github.com/lafeber/world-flags-sprite
https://github.com/mledoze/countries
从精彩的libphonenumber

Answer 2

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

Answer 3

<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">

its work fine there is no probelm in code may be it will help for you thanks

标题链接 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（）; 表单代码

你知道任何用于电话前缀的开源JQuery下拉菜单吗？

3 个答案: