2012-06-26 24 views
24

我需要做一個下拉菜單來輸入電話號碼。我想做一些類似於谷歌在他的registration form中做的事情。事情是這樣的:您是否知道電話前綴的任何開源JQuery下拉菜單?

enter image description here

你知道電話前綴的開源下拉菜單?

我有看在谷歌和我發現最相似的東西是這個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。