Calling Code Plugin for jQuery

calling-code-demo.html

<div id="selection"><a href="#"><span class="icon 44"></span>United States<span class="code"> +1</span></a></div>
<label id="phoneNum">
    Phone Number:
    <input type="text" />
</label>
<div id="dropdown">
    <div class="countryMenu">
        <a href="#"><span class="icon 44"></span>United States<span class="code">  +1</span></a>
        <a href="#"><span class="icon 2311"></span>Afghanistan<span class="code">  +93</span></a>
        <a href="#"><span class="icon 1034"></span>Albania<span class="code">  +355</span></a>
        <a href="#"><span class="icon 528"></span>Algeria<span class="code"> +213</span></a>
        <a href="#"><span class="icon 1562"></span>American Samoa<span class="code"> +1684</span></a>
        <a href="#"><span class="icon 594"></span>Andorra<span class="code"> +376</span></a>
        <a href="#"><span class="icon 1947"></span>Angola<span class="code"> +244</span></a>
        <a href="#"><span class="icon 1980"></span>Anguilla<span class="code"> +1264</span></a>
        <a href="#"><span class="icon 869"></span>Antigua and Barbuda<span class="code"> +1268</span></a>
        <a href="#"><span class="icon 2377"></span>Argentina<span class="code"> +54</span></a>
        <a href="#"><span class="icon 176"></span>Armenia<span class="code"> +374</span></a>
        <a href="#"><span class="icon 792"></span>Aruba<span class="code"> +297</span></a><a href="#"><span class="icon 1716"></span>Australia<span class="code"> +61</span></a><a href="#"><span class="icon 1331"></span>Austria<span class="code"> +43</span></a><a href="#"><span class="icon 1243"></span>Azerbaijan<span class="code"> +994</span></a><a href="#"><span class="icon 363"></span>Bahamas<span class="code"> +1242</span></a><a href="#"><span class="icon 1496"></span>Bahrain<span class="code"> +973</span></a><a href="#"><span class="icon 1771"></span>Bangladesh<span class="code"> +880</span></a><a href="#"><span class="icon 1573"></span>Barbados<span class="code"> +1246</span></a><a href="#"><span class="icon 1100"></span>Belarus<span class="code"> +375</span></a><a href="#"><span class="icon 0px 0"></span>Belgium<span class="code"> +32</span></a><a href="#"><span class="icon 484"></span>Belize<span class="code"> +501</span></a><a href="#"><span class="icon 1298"></span>Benin<span class="code"> +229</span></a><a href="#"><span class="icon 1914"></span>Bermuda<span class="code"> +1441</span></a><a href="#"><span class="icon 1848"></span>Bhutan<span class="code"> +975</span></a><a href="#"><span class="icon 1650"></span>Bolivia<span class="code"> +591</span></a><a href="#"><span class="icon 1584"></span>Bosnia and Herzegovina<span class="code"> +387</span></a><a href="#"><span class="icon 2707"></span>Botswana<span class="code"> +267</span></a><a href="#"><span class="icon 770"></span>Brazil<span class="code"> +55</span></a><a href="#"><span class="icon 1683"></span>Brunei<span class="code"> +673</span></a><a href="#"><span class="icon 2586"></span>Bulgaria<span class="code"> +359</span></a><a href="#"><span class="icon 726"></span>Burkina Faso<span class="code"> +226</span></a><a href="#"><span class="icon 1892"></span>Burundi<span class="code"> +257</span></a><a href="#"><span class="icon 242"></span>Cambodia<span class="code"> +855</span></a><a href="#"><span class="icon 2057"></span>Cameroon<span class="code"> +237</span></a><a href="#"><span class="icon 1375"></span>Canada<span class="code"> +1</span></a><a href="#"><span class="icon 2652"></span>Cape Verde<span class="code"> +238</span></a><a href="#"><span class="icon 308"></span>Cayman Islands<span class="code"> +1345</span></a><a href="#"><span class="icon 1837"></span>Central African Republic<span class="code"> +236</span></a><a href="#"><span class="icon 814"></span>Chad<span class="code"> +235</span></a><a href="#"><span class="icon 1342"></span>Chile<span class="code"> +56</span></a><a href="#"><span class="icon 825"></span>China<span class="code"> +86</span></a><a href="#"><span class="icon 330"></span>Colombia<span class="code"> +57</span></a><a href="#"><span class="icon 1430"></span>Comoros and Mayotte<span class="code"> +269</span></a><a href="#"><span class="icon 1793"></span>Congo<span class="code"> +242</span></a><a href="#"><span class="icon 1518"></span>Congo Dem Rep<span class="code"> +243</span></a><a href="#"><span class="icon 2090"></span>Costa Rica<span class="code"> +506</span></a><a href="#"><span class="icon 1661"></span>Cote d'Ivoire<span class="code"> +225</span></a><a href="#"><span class="icon 902"></span>Croatia<span class="code"> +385</span></a><a href="#"><span class="icon 748"></span>Cuba<span class="code"> +53</span></a><a href="#"><span class="icon 561"></span>Cyprus<span class="code"> +357</span></a><a href="#"><span class="icon 2256"></span>Czech Republic<span class="code"> +420</span></a><a href="#"><span class="icon 1386"></span>Denmark<span class="code"> +45</span></a><a href="#"><span class="icon 2101"></span>Djibouti<span class="code"> +253</span></a><a href="#"><span class="icon 2432"></span>Dominica<span class="code"> +1767</span></a><a href="#"><span class="icon 1529"></span>Dominican Republic<span class="code"> +1809</span></a><a href="#"><span class="icon 1188"></span>Ecuador<span class="code"> +593</span></a><a href="#"><span class="icon 2201"></span>Egypt<span class="code"> +20</span></a><a href="#"><span class="icon 1639"></span>El Salvador<span class="code"> +503</span></a><a href="#"><span class="icon 1507"></span>Equatorial Guinea<span class="code"> +240</span></a><a href="#"><span class="icon 715"></span>Eritrea<span class="code"> +291</span></a><a href="#"><span class="icon 2410"></span>Estonia<span class="code"> +372</span></a><a href="#"><span class="icon 2443"></span>Ethiopia<span class="code"> +251</span></a><a href="#"><span class="icon 1111"></span>Faroe Islands<span class="code"> +298</span></a><a href="#"><span class="icon 1859"></span>Fiji<span class="code"> +679</span></a><a href="#"><span class="icon 1903"></span>Finland<span class="code"> +358</span></a><a href="#"><span class="icon 1012"></span>France<span class="code"> +33</span></a><a href="#"><span class="icon 2234"></span>French Guiana<span class="code"> +594</span></a><a href="#"><span class="icon 1705"></span>French Polynesia<span class="code"> +689</span></a><a href="#"><span class="icon 880"></span>Gabon<span class="code"> +241</span></a><a href="#"><span class="icon 627"></span>Gambia<span class="code"> +220</span></a><a href="#"><span class="icon 858"></span>Georgia<span class="code"> +995</span></a><a href="#"><span class="icon 2509"></span>Germany<span class="code"> +49</span></a><a href="#"><span class="icon 2112"></span>Ghana<span class="code"> +233</span></a><a href="#"><span class="icon 275"></span>Gibraltar<span class="code"> +350</span></a><a href="#"><span class="icon 165"></span>Greece<span class="code"> +30</span></a><a href="#"><span class="icon 1760"></span>Greenland<span class="code"> +299</span></a><a href="#"><span class="icon 2399"></span>Grenada<span class="code"> +1473</span></a><a href="#"><span class="icon 407"></span>Guadeloupe<span class="code"> +590</span></a><a href="#"><span class="icon 2366"></span>Guam<span class="code"> +1671</span></a><a href="#"><span class="icon 935"></span>Guatemala<span class="code"> +502</span></a><a href="#"><span class="icon 2575"></span>Guinea<span class="code"> +224</span></a><a href="#"><span class="icon 1925"></span>Guinea Bissau<span class="code"> +245</span></a><a href="#"><span class="icon 803"></span>Guyana<span class="code"> +592</span></a><a href="#"><span class="icon 319"></span>Haiti<span class="code"> +509</span></a><a href="#"><span class="icon 2156"></span>Honduras<span class="code"> +504</span></a><a href="#"><span class="icon 2696"></span>Hong Kong<span class="code"> +852</span></a><a href="#"><span class="icon 682"></span>Hungary<span class="code"> +36</span></a><a href="#"><span class="icon 1991"></span>Iceland<span class="code"> +354</span></a><a href="#"><span class="icon 1694"></span>India<span class="code"> +91</span></a><a href="#"><span class="icon 1958"></span>Indonesia<span class="code"> +62</span></a><a href="#"><span class="icon 2013"></span>Iran<span class="code"> +98</span></a><a href="#"><span class="icon 649"></span>Iraq<span class="code"> +964</span></a><a href="#"><span class="icon 1969"></span>Ireland<span class="code"> +353</span></a><a href="#"><span class="icon 341"></span>Israel<span class="code"> +972</span></a><a href="#"><span class="icon 143"></span>Italy<span class="code"> +39</span></a><a href="#"><span class="icon 1727"></span>Jamaica<span class="code"> +1876</span></a><a href="#"><span class="icon 429"></span>Japan<span class="code"> +81</span></a><a href="#"><span class="icon 1463"></span>Jordan<span class="code"> +962</span></a><a href="#"><span class="icon 1210"></span>Kazakhstan<span class="code"> +7</span></a><a href="#"><span class="icon 2630"></span>Kenya<span class="code"> +254</span></a><a href="#"><span class="icon 2245"></span>Korea, South<span class="code"> +82</span></a><a href="#"><span class="icon 2487"></span>Kuwait<span class="code"> +965</span></a><a href="#"><span class="icon 1617"></span>Kyrgyzstan<span class="code"> +996</span></a><a href="#"><span class="icon 451"></span>Laos<span class="code"> +856</span></a><a href="#"><span class="icon 1936"></span>Latvia<span class="code"> +371</span></a><a href="#"><span class="icon 1254"></span>Lebanon<span class="code"> +961</span></a><a href="#"><span class="icon 2190"></span>Lesotho<span class="code"> +266</span></a><a href="#"><span class="icon 2068"></span>Liberia<span class="code"> +231</span></a><a href="#"><span class="icon 132"></span>Libya<span class="code"> +218</span></a><a href="#"><span class="icon 979"></span>Liechtenstein<span class="code"> +423</span></a><a href="#"><span class="icon 1122"></span>Lithuania<span class="code"> +370</span></a><a href="#"><span class="icon 1474"></span>Luxembourg<span class="code"> +352</span></a><a href="#"><span class="icon 2597"></span>Macao<span class="code"> +853</span></a><a href="#"><span class="icon 1353"></span>Macedonia<span class="code"> +389</span></a><a href="#"><span class="icon 1287"></span>Madagascar<span class="code"> +261</span></a><a href="#"><span class="icon 2145"></span>Malawi<span class="code"> +265</span></a><a href="#"><span class="icon 1870"></span>Malaysia<span class="code"> +60</span></a><a href="#"><span class="icon 616"></span>Maldives<span class="code"> +960</span></a><a href="#"><span class="icon 2520"></span>Mali<span class="code"> +223</span></a><a href="#"><span class="icon 1551"></span>Malta<span class="code"> +356</span></a><a href="#"><span class="icon 1144"></span>Marshall Islands<span class="code"> +692</span></a><a href="#"><span class="icon 198"></span>Martinique<span class="code"> +596</span></a><a href="#"><span class="icon 253"></span>Mauritania<span class="code"> +222</span></a><a href="#"><span class="icon 2179"></span>Mauritius<span class="code"> +230</span></a><a href="#"><span class="icon 2024"></span>Mexico<span class="code"> +52</span></a><a href="#"><span class="icon 1738"></span>Micronesia<span class="code"> +691</span></a><a href="#"><span class="icon 2685"></span>Moldova<span class="code"> +373</span></a><a href="#"><span class="icon 913"></span>Monaco<span class="code"> +377</span></a><a href="#"><span class="icon 2553"></span>Mongolia<span class="code"> +976</span></a><a href="#"><span class="icon 2167"></span>Montenegro<span class="code"> +382</span></a><a href="#"><span class="icon 583"></span>Montserrat<span class="code"> +1664</span></a><a href="#"><span class="icon 2333"></span>Morocco<span class="code"> +212</span></a><a href="#"><span class="icon 638"></span>Mozambique<span class="code"> +258</span></a><a href="#"><span class="icon 11"></span>Myanmar<span class="code"> +95</span></a><a href="#"><span class="icon 1881"></span>Namibia<span class="code"> +264</span></a><a href="#"><span class="icon 1749"></span>Nauru<span class="code"> +674</span></a><a href="#"><span class="icon 110"></span>Nepal<span class="code"> +977</span></a><a href="#"><span class="icon 1441"></span>Netherlands<span class="code"> +31</span></a><a href="#"><span class="icon 220"></span>Netherlands Antilles<span class="code"> +599</span></a><a href="#"><span class="icon 1276"></span>New Caledonia<span class="code"> +687</span></a><a href="#"><span class="icon 1540"></span>New Zealand<span class="code"> +64</span></a><a href="#"><span class="icon 154"></span>Nicaragua<span class="code"> +505</span></a><a href="#"><span class="icon 550"></span>Niger<span class="code"> +227</span></a><a href="#"><span class="icon 2476"></span>Nigeria<span class="code"> +234</span></a><a href="#"><span class="icon 209"></span>Norfolk Island<span class="code"> +6723</span></a><a href="#"><span class="icon 704"></span>Northern Mariana Islands<span class="code"> +1</span></a><a href="#"><span class="icon 836"></span>Norway<span class="code"> +47</span></a><a href="#"><span class="icon 2454"></span>Oman<span class="code"> +968</span></a><a href="#"><span class="icon 2035"></span>Pakistan<span class="code"> +92</span></a><a href="#"><span class="icon 231"></span>Palau<span class="code"> +680</span></a><a href="#"><span class="icon 1199"></span>Palestinian Territories<span class="code"> +970</span></a><a href="#"><span class="icon 847"></span>Panama<span class="code"> +507</span></a><a href="#"><span class="icon 2344"></span>Paraguay<span class="code"> +595</span></a><a href="#"><span class="icon 946"></span>Peru<span class="code"> +51</span></a><a href="#"><span class="icon 1815"></span>Philippines<span class="code"> +63</span></a><a href="#"><span class="icon 1177"></span>Poland<span class="code"> +48</span></a><a href="#"><span class="icon 517"></span>Portugal<span class="code"> +351</span></a><a href="#"><span class="icon 473"></span>Puerto Rico<span class="code"> +1787</span></a><a href="#"><span class="icon 462"></span>Qatar<span class="code"> +974</span></a><a href="#"><span class="icon 264"></span>Reunion<span class="code"> +262</span></a><a href="#"><span class="icon 671"></span>Romania<span class="code"> +40</span></a><a href="#"><span class="icon 660"></span>Russia<span class="code"> +7</span></a><a href="#"><span class="icon 2674"></span>Rwanda<span class="code"> +250</span></a><a href="#"><span class="icon 99"></span>Saint Kitts and Nevis<span class="code"> +1869</span></a><a href="#"><span class="icon 1397"></span>Saint Lucia<span class="code"> +1758</span></a><a href="#"><span class="icon 1078"></span>Saint Pierre and Miquelon<span class="code"> +508</span></a><a href="#"><span class="icon 2619"></span>Saint Vincent Grenadines<span class="code"> +1784</span></a><a href="#"><span class="icon 2300"></span>Samoa<span class="code"> +685</span></a><a href="#"><span class="icon 2123"></span>San Marino<span class="code"> +378</span></a><a href="#"><span class="icon 33"></span>Saudi Arabia<span class="code"> +966</span></a><a href="#"><span class="icon 2134"></span>Senegal<span class="code"> +221</span></a><a href="#"><span class="icon 2465"></span>Serbia<span class="code"> +381</span></a><a href="#"><span class="icon 1045"></span>Seychelles<span class="code"> +248</span></a><a href="#"><span class="icon 737"></span>Sierra Leone<span class="code"> +232</span></a><a href="#"><span class="icon 22"></span>Singapore<span class="code"> +65</span></a><a href="#"><span class="icon 2212"></span>Slovakia<span class="code"> +421</span></a><a href="#"><span class="icon 1221"></span>Slovenia<span class="code"> +386</span></a><a href="#"><span class="icon 1364"></span>Somalia<span class="code"> +252</span></a><a href="#"><span class="icon 2355"></span>South Africa<span class="code"> +27</span></a><a href="#"><span class="icon 1155"></span>Spain<span class="code"> +34</span></a><a href="#"><span class="icon 2641"></span>Sri Lanka<span class="code"> +94</span></a><a href="#"><span class="icon 352"></span>Sudan<span class="code"> +249</span></a><a href="#"><span class="icon 2663"></span>Suriname<span class="code"> +597</span></a><a href="#"><span class="icon 2278"></span>Swaziland<span class="code"> +268</span></a><a href="#"><span class="icon 385"></span>Sweden<span class="code"> +46</span></a><a href="#"><span class="icon 1320"></span>Switzerland<span class="code"> +41</span></a><a href="#"><span class="icon 1826"></span>Syria<span class="code"> +963</span></a><a href="#"><span class="icon 506"></span>Taiwan<span class="code"> +886</span></a><a href="#"><span class="icon 187"></span>Tajikistan<span class="code"> +992</span></a><a href="#"><span class="icon 2289"></span>Tanzania<span class="code"> +255</span></a><a href="#"><span class="icon 957"></span>Thailand<span class="code"> +66</span></a><a href="#"><span class="icon 605"></span>Togo<span class="code"> +228</span></a><a href="#"><span class="icon 1089"></span>Tonga<span class="code"> +676</span></a><a href="#"><span class="icon 440"></span>Trinidad and Tobago<span class="code"> +1868</span></a><a href="#"><span class="icon 539"></span>Tunisia<span class="code"> +216</span></a><a href="#"><span class="icon 1606"></span>Turkey<span class="code"> +90</span></a><a href="#"><span class="icon 2542"></span>Turkmenistan<span class="code"> +993</span></a><a href="#"><span class="icon 1309"></span>Turks and Caicos<span class="code"> +1649</span></a><a href="#"><span class="icon 286"></span>Tuvalu<span class="code"> +688</span></a><a href="#"><span class="icon 1166"></span>Uganda<span class="code"> +256</span></a><a href="#"><span class="icon 2002"></span>Ukraine<span class="code"> +380</span></a><a href="#"><span class="icon 2223"></span>United Arab Emirates<span class="code"> +971</span></a><a href="#"><span class="icon 55"></span>United Kingdom<span class="code"> +44</span></a><a href="#"><span class="icon 44"></span>United States<span class="code"> +1</span></a><a href="#"><span class="icon 2608"></span>Uruguay<span class="code"> +598</span></a><a href="#"><span class="icon 1001"></span>Uzbekistan<span class="code"> +998</span></a><a href="#"><span class="icon 1265"></span>Vanuatu<span class="code"> +678</span></a><a href="#"><span class="icon 1056"></span>Venezuela<span class="code"> +58</span></a><a href="#"><span class="icon 968"></span>Vietnam<span class="code"> +84</span></a><a href="#"><span class="icon 1408"></span>Virgin Islands, British<span class="code"> +1284</span></a><a href="#"><span class="icon 1782"></span>Virgin Islands, US<span class="code"> +1340</span></a><a href="#"><span class="icon 1672"></span>Yemen<span class="code"> +967</span></a><a href="#"><span class="icon 1595"></span>Zambia<span class="code"> +260</span></a><a href="#"><span class="icon 2046"></span>Zimbabwe<span class="code"> +263</span></a>
    </div>
</div>

calling-code.css

body{
    font-family:Tahoma;
    font-size:13px;    
}

body a{
    color:#333;   
}
#dropdown{
    float:left;
    width:250px;
    height:100px;
    overflow-y:scroll;
    display:none;
    clear:both;
}

#phoneNum{
    background-color:#dfdfdf;
    padding:4px;
    float:left;
    margin-left:10px;
}

#selection{
    width:250px;
    float:left;
    clear:both;
}

.countryMenu{   
    width:100%;   
}

.countryMenu a, #selection a{
    display:block;
    padding:4px;
    border-top:1px solid gray;
    border-left:1px solid gray;
    border-right:1px solid gray;
    text-decoration:none;
}

#selection a{
    border-bottom:1px solid gray;
}

.countryMenu a:last-child{
    border-bottom:1px solid gray;
}

.countryMenu a:hover{
    background-color:#f1f1f1;
}

.countryMenu a span.icon, #selection a span.icon{
    display:block;
    height:11px;
    width:16px;
    background:url('https://mail.google.com/mail/images/flags.gif') no-repeat;
    float:left;
    margin-right:10px;
    margin-top:3px;
}

.countryMenu a span.code{
    color:gray;
}

jquery.calling-code.js

var pos = $('#selection a span.icon').attr('class').split(' ').slice(-1).toString();
$('#selection a span.icon').css('background-position', '0px ' + -(pos) + 'px');

$('#selection a').live('click', function() {
    $('#dropdown').toggle();
});

$('.countryMenu a').each(function(index) {
    var iconCont = $(this).children('span.icon');
    var pos = iconCont.attr('class').split(' ').slice(-1);
    iconCont.css('background-position', '0px ' + -(pos) + 'px');
});

$('.countryMenu a').live('click', function() {
    $('#selection a').remove();
    $(this).clone().appendTo('#selection');
    $('#dropdown').hide();
    $('#phoneNum input').val($(this).children('span.code').text().trim()).focus();
});