2012-06-26 4 views
24

私は電話番号を入力するためのドロップダウンメニューを行う必要があります。私はgoogleが彼のregistration formにあるのと同じようなことをしたい。このような何か:電話プレフィックスのオープンソースのJQueryドロップダウンメニューをご存知ですか?

enter image description here

あなたが電話プレフィックスのいずれかのオープンソースのドロップダウンメニューを知っていますか?

私はgoogleで探していますが、私が見つけた最も類似したものはmenuです。私はそれが私の欲しいことをするために変更することができますが、それは時間がかかりますし、誰かがすでに何か似ていた可能性があります。

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

+2

リンクからすでに共有しているのは、フラグ付きのドロップダウンもあります。他に何が必要ですか? –

+0

コメントありがとうございます、私は十分にはっきりしていなかったと思います。私は質問を編集し、** NOTE **を追加して明確にしました。フラグ、国名、接頭辞、元の国名などを含む完全な機能が必要です –

+2

私はこれも必要なので、作成しました:https://github.com/Bluefieldscom/intl-tel-input – jackocnr

答えて

85

私もこれが必要なので、I built itです。

ここはa live demoです。

これは、現在、次のような特徴があります:あなたが入力、または国を選択するアップ/ダウンキー

  • を使用してナビゲートすることができ、国のドロップダウンメニューで

    • 入力した番号
    • のダイヤルコードを更新します
    • 自動的異なるダイヤルコードを入力すると(リストの一番上に表示されます)、「選好国」
    を指定する表示フラグ
  • オプションを更新します

    私は、次のオープンソースプロジェクトの外に建て:

  • +0

    恐ろしい!素晴らしい作品 – FloatingRock

    +0

    共有、素晴らしいライブラリのおかげで! – Mattisdada

    +0

    優れたプラグイン。あなたは背中にパットを持っている必要があります:) (私のデータベースから国の私自身のリストを使用する方法はありますか?) – 1nfected

    0

    まあ、電話番号のすべての詳細を含むデータベースが必要です。そして、Ajaxを介してデータベースに問い合わせ、Ajax経由で結果を返して表示する必要があります。結果を取得した後、div要素またはp要素を作成し、入力データを入力して表示することができます。それをやりたくない場合は、jQuery UI Autocompleteを使用してください。

    関連する問題