jquery - 電話プレフィックス用のオープンソースの JQuery ドロップダウン メニューを知っていますか?

Question

電話番号を入力するためのドロップダウン メニューを作成する必要があります。Google が登録フォームで行うのと同様のことをしたいと考えています。このようなもの：

電話プレフィックスのオープンソース ドロップダウン メニューをご存知ですか?

私はグーグルで探しましたが、私が見つけた最も類似したものはこのメニューです。自分のやりたいように変更することはできますが、時間がかかります。誰かがすでに似たようなことをしているかもしれません。

注: 私が共有しているリンクには、国と国旗のみが含まれています。国旗、国名、元の言語の国名、最初にアルファベット順を無視して国を追加する機能、および国際電話プレフィックスを含む完全なドロップダウンを探しています。

Answer 1

これも必要だったので作ってみました。

これがライブデモです。

現在、次の機能があります。

• 国ドロップダウンでは、入力するか、上下キーを使用してナビゲートできます
• 国を選択すると、入力した番号のダイヤル コードが更新されます
• 別のダイヤル コードを入力すると、表示されているフラグが自動的に更新されます
• 「優先国」を指定するオプション (リストの上部に表示されます)

次のオープン ソース プロジェクトから構築しました。

• https://github.com/lafeber/world-flags-spriteから画像と CSS にフラグを付ける
• https://github.com/mledoze/countriesの国別データ
• すばらしいlibphonenumberからのフォーマットと検証

Answer 2

電話番号のすべての詳細を含むデータベースが必要です。次に、Ajax を介してデータベースにクエリを実行し、Ajax を介して結果を返し、それを表示する必要があります。結果を取得したら、独自の div または p 要素を作成し、受信データを入力して表示できます。それをしたくない場合は、jQuery UI Autocomplete を使用してください。