Country Calling Code Picker With Flags - jQuery ccpicker.js

File Size: 88.7 KB
Views Total: 67968
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Country Calling Code Picker With Flags - jQuery ccpicker.js

ccpicker.js is a lightweight Country Code Picker plugin which enables the user to select International Calling Codes from a flag dropdown list.

See also:

How to use it:

1. Insert jQuery JavaScript library and the jQuery ccpicker plugin's files into your web page.

<script src="" 
<script src="js/jquery.ccpicker.js"></script>
<link rel="stylesheet" href="css/jquery.ccpicker.css">

2. Call the plugin to append the Country Code Picker to your input field.

<input type="text" id="phoneField" name="phoneField" class="phone-field">

3. Set the pre-selected Country Code.


4. Set the Country Code manually.


5. By default, the plugin loads Country Code data from data.json via AJAX. You can define the data source in the JavaScript as this:

  dataUrl: "data.json"



  • Update jquery.ccpicker.js


  • data.json fixed


  • JS update

This awesome jQuery plugin is developed by fr33land. For more Advanced Usages, please check the demo page or visit the official website.