一个很好的国家autocomplete插件,输入国家code，就能得到国家名字，甚至能得到国家的currency（这个是我一个个手动录进去）...

首先的先是，css样式了

 

.ui-autocomplete {

  padding: 0;

  list-style: none;

  background-color: #fff;

  width: 218px;

  border: 1px solid #B0BECA;

  max-height: 350px;

  overflow-y: scroll;

}

.ui-autocomplete .ui-menu-item a {

  border-top: 1px solid #B0BECA;

  display: block;

  padding: 4px 6px;

  color: #353D44;

  cursor: pointer;

}

.ui-autocomplete .ui-menu-item:first-child a {

  border-top: none;

}

.ui-autocomplete .ui-menu-item a.ui-state-hover {

  background-color: #D5E5F4;

  color: #161A1C;

}

 

首先要引用三个js文件，

< script  src =/static/js/jquery-1.7.1.min.js ></ script >
< script  type ="text/javascript"  src ="/static/js/jquery.select-to-autocomplete.js" ></ script >
< script  type ="text/javascript"  src ="/static/js/jquery-ui-autocomplete.js" ></ script >

其次在html页面上放入，下面一大段代码，

 

<select id="country_selector" autofocus="autofocus" autocorrect="off" autocomplete="off">
                          <option value="" selected="selected">Select Country</option>
                          <option value="Afghanistan" data-currency="AFN" data-alternative-spellings="AF افغانستان">Afghanistan</option>

                          <option value="Åland Islands" data-alternative-spellings="AX Aaland Aland" data-relevancy-booster="0.5">Åland Islands</option>
                          <option value="Albania" data-currency="ALL" data-alternative-spellings="AL">Albania</option>
                          <option value="Algeria" data-currency="DZD" data-alternative-spellings="DZ الجزائر">Algeria</option>
                          <option value="American Samoa" data-currency="USD" data-alternative-spellings="AS" data-relevancy-booster="0.5">American Samoa</option>
                          <option value="Andorra" data-currency="EUR" data-alternative-spellings="AD" data-relevancy-booster="0.5">Andorra</option>
                          <option value="Angola" data-currency="AOA" data-alternative-spellings="AO">Angola</option>

                          <option value="Anguilla" data-currency="XCD" data-alternative-spellings="AI" data-relevancy-booster="0.5">Anguilla</option>
                          <option value="Antarctica" data-alternative-spellings="AQ" data-relevancy-booster="0.5">Antarctica</option>
                          <option value="Antigua And Barbuda" data-currency="XCD" data-alternative-spellings="AG" data-relevancy-booster="0.5">Antigua And Barbuda</option>
                          <option value="Argentina" data-currency="ARS" data-alternative-spellings="AR">Argentina</option>
                          <option value="Armenia" data-currency="AMD" data-alternative-spellings="AM Հայաստան">Armenia</option>
                          <option value="Aruba" data-currency="AWG" data-alternative-spellings="AW" data-relevancy-booster="0.5">Aruba</option>

                          <option value="Australia" data-currency="AUD" data-alternative-spellings="AU" data-relevancy-booster="1.5">Australia</option>
                          <option value="Austria" data-currency="EUR" data-alternativejavascript object length-spellings="AT Österreich Osterreich Oesterreich ">Austria</option>
                          <option value="Azerbaijan" data-currency="AZN" data-alternative-spellings="AZ">Azerbaijan</option>
                          <option value="Bahamas" data-currency="BSD" data-alternative-spellings="BS">Bahamas</option>
                          <option value="Bahrain" data-currency="BHD" data-alternative-spellings="BH البحرين">Bahrain</option>
                          <option value="Bangladesh" data-currency="BDT" data-alternative-spellings="BD বাংলাদেশ" data-relevancy-booster="2">Bangladesh</option>

                          <option value="Barbados" data-currency="BBD" data-alternative-spellings="BB">Barbados</option>
                          <option value="Belarus" data-currency="BYR" data-alternative-spellings="BY Беларусь">Belarus</option>
                          <option value="Belgium" data-currency="EUR" data-alternative-spellings="BE België Belgie Belgien Belgique" data-relevancy-booster="1.5">Belgium</option>
                          <option value="Belize" data-currency="BZD" data-alternative-spellings="BZ">Belize</option>
                          <option value="Benin" data-currency="XOF" data-alternative-spellings="BJ">Benin</option>
                          <option value="Bermuda" data-currency="BMD" data-alternative-spellings="BM" data-relevancy-booster="0.5">Bermuda</option>

                          <option value="Bhutan" data-currency="BTN" data-alternative-spellings="BT भूटान">Bhutan</option>
                          <option value="Bolivia" data-alternative-spellings="BO">Bolivia</option>
                          <option value="Bonaire, Sint Eustatius and Saba" data-currency="USD" data-alternative-spellings="BQ">Bonaire, Sint Eustatius and Saba</option>
                          <option value="Bosnia and Herzegovina" data-currency="BAM" data-alternative-spellings="BA Босна и Херцеговина">Bosnia and Herzegovina</option>
                          <option value="Botswana" data-currency="BWP" data-alternative-spellings="BW">Botswana</option>
                          <option value="Bouvet Island" data-currency="NOK" data-alternative-spellings="BV">Bouvet Island</option>

                          <option value="Brazil" data-currency="BRL" data-alternative-spellings="BR Brasil" data-relevancy-booster="2">Brazil</option>
                          <option value="British Indian Ocean Territory" data-currency="USD" data-alternative-spellings="IO">British Indian Ocean Territory</option>
                          <option value="Brunei Darussalam" data-currency="BND" data-alternative-spellings="BN">Brunei Darussalam</option>
                          <option value="Bulgaria" data-currency="BGN" data-alternative-spellings="BG България">Bulgaria</option>
                          <option value="Burkina Faso" data-currency="XOF" data-alternative-spellings="BF">Burkina Faso</option>
                          <option value="Burundi" data-currency="BIF" data-alternative-spellings="BI">Burundi</option>

                          <option value="Cambodia" data-currency="KHR" data-alternative-spellings="KH កម្ពុជា">Cambodia</option>
                          <option value="Cameroon" data-currency="XAF" data-alternative-spellings="CM">Cameroon</option>
                          <option value="Canada" data-currency="CAD" data-alternative-spellings="CA" data-relevancy-booster="2">Canada</option>
                          <option value="Cape Verde" data-currency="CVE" data-alternative-spellings="CV Cabo">Cape Verde</option>
                          <option value="Cayman Islands" data-currency="KYD" data-alternative-spellings="KY" data-relevancy-booster="0.5">Cayman Islands</option>
                          <option value="Central African Republic" data-currency="XAF" data-alternative-spellings="CF">Central African Republic</option>

                          <option value="Chad" data-currency="XAF" data-alternative-spellings="TD تشاد‎ Tchad">Chad</option>
                          <option value="Chile" data-currency="CLF" data-alternative-spellings="CL">Chile</option>
                          <option value="China" data-currency="CNY" data-relevancy-booster="3.5" data-alternative-spellings="CN Zhongguo Zhonghua Peoples Republic 中国/中华">China</option>
                          <option value="Christmas Island" data-currency="AUD" data-alternative-spellings="CX" data-relevancy-booster="0.5">Christmas Island</option>
                          <option value="Cocos (Keeling) Islands" data-currency="AUD" data-alternative-spellings="CC" data-relevancy-booster="0.5">Cocos (Keeling) Islands</option>
                          <option value="Colombia" data-currency="COP" data-alternative-spellings="CO">Colombia</option>

                          <option value="Comoros" data-currency="KMF" data-alternative-spellings="KM جزر القمر">Comoros</option>
                          <option value="Congo" data-currency="XAF" data-alternative-spellings="CG">Congo</option>
                          <option value="Congo, the Democratic Republic of the" data-currency="CDF" data-alternative-spellings="CD Congo-Brazzaville Repubilika ya Kongo">Congo, the Democratic Republic of the</option>
                          <option value="Cook Islands" data-currency="NZD" data-alternative-spellings="CK" data-relevancy-booster="0.5">Cook Islands</option>
                          <option value="Costa Rica" data-currency="CRC" data-alternative-spellings="CR">Costa Rica</option>
                          <option value="Côte d'Ivoire" data-currency="XOF" data-alternative-spellings="CI Cote dIvoire">Côte d'Ivoire</option>

                          <option value="Croatia" data-currency="HRK" data-alternative-spellings="HR Hrvatska">Croatia</option>
                          <option value="Cuba" data-currency="CUC" data-alternative-spellings="CU">Cuba</option>
                          <option value="Curaçao" data-currency="ANG" data-alternative-spellings="CW Curacao">Curaçao</option>
                          <option value="Cyprus" data-currency="EUR" data-alternative-spellings="CY Κύπρος Kýpros Kıbrıs">Cyprus</option>
                          <option value="Czech Republic" data-currency="CZK" data-alternative-spellings="CZ Česká Ceska">Czech Republic</option>
                          <option value="Denmark" data-currency="DKK" data-alternative-spellings="DK Danmark" data-relevancy-booster="1.5">Denmark</option>

                          <option value="Djibouti" data-currency="DJK" data-alternative-spellings="DJ جيبوتي‎ Jabuuti Gabuuti">Djibouti</option>
                          <option value="Dominica" data-currency="XCD" data-alternative-spellings="DM Dominique" data-relevancy-booster="0.5">Dominica</option>
                          <option value="Dominican Republic" data-currency="DOP" data-alternative-spellings="DO">Dominican Republic</option>
                          <option value="Ecuador" data-currency="USD" data-alternative-spellings="EC">Ecuador</option>
                          <option value="Egypt" data-currency="EGP" data-alternative-spellings="EG" data-relevancy-booster="1.5">Egypt</option>
                          <option value="El Salvador" data-currency="SVC" data-alternative-spellings="SV">El Salvador</option>

                          <option value="Equatorial Guinea" data-currency="XAF" data-alternative-spellings="GQ">Equatorial Guinea</option>
                          <option value="Eritrea" data-currency="ERN" data-alternative-spellings="ER إرتريا ኤርትራ">Eritrea</option>
                          <option value="Estonia" data-currency="EUR" data-alternative-spellings="EE Eesti">Estonia</option>
                          <option value="Ethiopia" data-currency="ETB" data-alternative-spellings="ET ኢትዮጵያ">Ethiopia</option>
                          <option value="Falkland Islands (Malvinas)" data-currency="FKP" data-alternative-spellings="FK" data-relevancy-booster="0.5">Falkland Islands (Malvinas)</option>
                          <option value="Faroe Islands" data-currency="DKK" data-alternative-spellings="FO Føroyar Færøerne" data-relevancy-booster="0.5">Faroe Islands</option>

                          <option value="Fiji" data-currency="FJD" data-alternative-spellings="FJ Viti फ़िजी">Fiji</option>
                          <option value="Finland" data-currency="EUR" data-alternative-spellings="FI Suomi">Finland</option>
                          <option value="France" data-currency="EUR" data-alternative-spellings="FR République française" data-relevancy-booster="2.5">France</option>
                          <option value="French Guiana" data-currency="EUR" data-alternative-spellings="GF">French Guiana</option>
                          <option value="French Polynesia" data-currency="XPF" data-alternative-spellings="PF Polynésie française">French Polynesia</option>
                          <option value="French Southern Territories" data-currency="EUR" data-alternative-spellings="TF">French Southern Territories</option>

                          <option value="Gabon" data-currency="XAF" data-alternative-spellings="GA République Gabonaise">Gabon</option>
                          <option value="Gambia" data-currency="GMD" data-alternative-spellings="GM">Gambia</option>
                          <option value="Georgia" data-currency="GEL" data-alternative-spellings="GE საქართველო">Georgia</option>
                          <option value="Germany" data-currency="EUR" data-alternative-spellings="DE Bundesrepublik Deutschland" data-relevancy-booster="3">Germany</option>
                          <option value="Ghana" data-currency="GHS" data-alternative-spellings="GH">Ghana</option>
                          <option value="Gibraltar" data-currency="GIP" data-alternative-spellings="GI" data-relevancy-booster="0.5">Gibraltar</option>

                          <option value="Greece" data-currency="EUR" data-alternative-spellings="GR Ελλάδα" data-relevancy-booster="1.5">Greece</option>
                          <option value="Greenland" data-currency="DKK" data-alternative-spellings="GL grønland" data-relevancy-booster="0.5">Greenland</option>
                          <option value="Grenada" data-currency="XCD" data-alternative-spellings="GD">Grenada</option>
                          <option value="Guadeloupe" data-currency="EUR" data-alternative-spellings="GP">Guadeloupe</option>
                          <option value="Guam" data-currency="USD" data-alternative-spellings="GU">Guam</option>
                          <option value="Guatemala" data-currency="GTQ" data-alternative-spellings="GT">Guatemala</option>

                          <option value="Guernsey" data-currency="GBP" data-alternative-spellings="GG" data-relevancy-booster="0.5">Guernsey</option>
                          <option value="Guinea" data-currency="GNF" data-alternative-spellings="GN">Guinea</option>
                          <option value="Guinea-Bissau" data-currency="XOF" data-alternative-spellings="GW">Guinea-Bissau</option>
                          <option value="Guyana" data-currency="GYD" data-alternative-spellings="GY">Guyana</option>
                          <option value="Haiti" data-currency="HTG" data-alternative-spellings="HT">Haiti</option>
                          <option value="Heard Island and McDonald Islands" data-currency="AUD" data-alternative-spellings="HM">Heard Island and McDonald Islands</option>

                          <option value="Holy See (Vatican City State)" data-currency="EUR" data-alternative-spellings="VA" data-relevancy-booster="0.5">Holy See (Vatican City State)</option>
                          <option value="Honduras" data-currency="HNL" data-alternative-spellings="HN">Honduras</option>
                          <option value="Hong Kong" data-currency="HKD" data-alternative-spellings="HK 香港">Hong Kong</option>
                          <option value="Hungary" data-currency="HUF" data-alternative-spellings="HU Magyarország">Hungary</option>
                          <option value="Iceland" data-currency="ISK" data-alternative-spellings="IS Island">Iceland</option>
                          <option value="India" data-currency="INR" data-alternative-spellings="IN भारत गणराज्य Hindustan" data-relevancy-booster="3">India</option>

                          <option value="Indonesia" data-currency="IDR" data-alternative-spellings="ID" data-relevancy-booster="2">Indonesia</option>
                          <option value="Iran, Islamic Republic of" data-currency="IRR" data-alternative-spellings="IR ایران">Iran, Islamic Republic of</option>
                          <option value="Iraq" data-currency="IQD" data-alternative-spellings="IQ العراق‎">Iraq</option>
                          <option value="Ireland" data-currency="EUR" data-alternative-spellings="IE Éire" data-relevancy-booster="1.2">Ireland</option>
                          <option value="Isle of Man" data-currency="GBP" data-alternative-spellings="IM" data-relevancy-booster="0.5">Isle of Man</option>
                          <option value="Israel" data-currency="ILS" data-alternative-spellings="IL إسرائيل ישראל">Israel</option>

                          <option value="Italy" data-currency="GBP" data-alternative-spellings="IT Italia" data-relevancy-booster="2">Italy</option>
                          <option value="Jamaica" data-currency="JMD" data-alternative-spellings="JM">Jamaica</option>
                          <option value="Japan" data-currency="JPY" data-alternative-spellings="JP Nippon Nihon 日本" data-relevancy-booster="2.5">Japan</option>
                          <option value="Jersey" data-currency="GBP" data-alternative-spellings="JE" data-relevancy-booster="0.5">Jersey</option>
                          <option value="Jordan" data-currency="JOD" data-alternative-spellings="JO الأردن">Jordan</option>
                          <option value="Kazakhstan" data-currency="KZT" data-alternative-spellings="KZ Қазақстан Казахстан">Kazakhstan</option>

                          <option value="Kenya" data-currency="KES" data-alternative-spellings="KE">Kenya</option>
                          <option value="Kiribati" data-currency="AUD" data-alternative-spellings="KI">Kiribati</option>
                          <option value="Korea, Democratic People's Republic of" data-currency="KPW" data-alternative-spellings="KP North Korea">Korea, Democratic People's Republic of</option>
                          <option value="Korea, Republic of" data-currency="KRW" data-alternative-spellings="KR South Korea" data-relevancy-booster="1.5">Korea, Republic of</option>
                          <option value="Kuwait" data-currency="KWD" data-alternative-spellings="KW الكويت">Kuwait</option>
                          <option value="Kyrgyzstan" data-currency="KGS" data-alternative-spellings="KG Кыргызстан">Kyrgyzstan</option>

                          <option value="Lao People's Democratic Republic" data-currency="LAK" data-alternative-spellings="LA">Lao People's Democratic Republic</option>
                          <option value="Latvia" data-currency="LVL" data-alternative-spellings="LV Latvija">Latvia</option>
                          <option value="Lebanon" data-currency="LBP" data-alternative-spellings="LB لبنان">Lebanon</option>
                          <option value="Lesotho" data-currency="LSL" data-alternative-spellings="LS">Lesotho</option>
                          <option value="Liberia" data-currency="LRD" data-alternative-spellings="LR">Liberia</option>
                          <option value="Libyan Arab Jamahiriya" data-currency="LYD" data-alternative-spellings="LY ليبيا">Libyan Arab Jamahiriya</option>

                          <option value="Liechtenstein" data-currency="CHF" data-alternative-spellings="LI">Liechtenstein</option>
                          <option value="Lithuania" data-currency="LTL" data-alternative-spellings="LT Lietuva">Lithuania</option>
                          <option value="Luxembourg" data-currency="EUR" data-alternative-spellings="LU">Luxembourg</option>
                          <option value="Macao" data-currency="MOP" data-alternative-spellings="MO">Macao</option>
                          <option value="Macedonia, The Former Yugoslav Republic Of" data-currency="MKD" data-alternative-spellings="MK Македонија">Macedonia, The Former Yugoslav Republic Of</option>
                          <option value="Madagascar" data-currency="MGA" data-alternative-spellings="MG Madagasikara">Madagascar</option>

                          <option value="Malawi" data-currency="MWK" data-alternative-spellings="MW">Malawi</option>
                          <option value="Malaysia" data-currency="MYR" data-alternative-spellings="MY">Malaysia</option>
                          <option value="Maldives" data-currency="MVR" data-alternative-spellings="MV">Maldives</option>
                          <option value="Mali" data-currency="XOF" data-alternative-spellings="ML">Mali</option>
                          <option value="Malta" data-currency="EUR" data-alternative-spellings="MT">Malta</option>
                          <option value="Marshall Islands" data-currency="USD" data-alternative-spellings="MH" data-relevancy-booster="0.5">Marshall Islands</option>

                          <option value="Martinique" data-currency="EUR" data-alternative-spellings="MQ">Martinique</option>
                          <option value="Mauritania" data-currency="MRO" data-alternative-spellings="MR الموريتانية">Mauritania</option>
                          <option value="Mauritius" data-currency="MUR" data-alternative-spellings="MU">Mauritius</option>
                          <option value="Mayotte" data-currency="EUR" data-alternative-spellings="YT">Mayotte</option>
                          <option value="Mexico" data-currency="MXN" data-alternative-spellings="MX Mexicanos" data-relevancy-booster="1.5">Mexico</option>
                          <option value="Micronesia, Federated States of" data-currency="USD" data-alternative-spellings="FM">Micronesia, Federated States of</option>

                          <option value="Moldova, Republic of" data-currency="MDL" data-alternative-spellings="MD">Moldova, Republic of</option>
                          <option value="Monaco" data-currency="EUR" data-alternative-spellings="MC">Monaco</option>
                          <option value="Mongolia" data-currency="MNT" data-alternative-spellings="MN Mongγol ulus Монгол улс">Mongolia</option>
                          <option value="Montenegro" data-currency="EUR" data-alternative-spellings="ME">Montenegro</option>
                          <option value="Montserrat" data-currency="XCD" data-alternative-spellings="MS" data-relevancy-booster="0.5">Montserrat</option>
                          <option value="Morocco" data-currency="MAD" data-alternative-spellings="MA المغرب">Morocco</option>

                          <option value="Mozambique" data-currency="MZN" data-alternative-spellings="MZ Moçambique">Mozambique</option>
                          <option value="Myanmar" data-currency="MMK" data-alternative-spellings="MM">Myanmar</option>
                          <option value="Namibia" data-currency="NAD" data-alternative-spellings="NA Namibië">Namibia</option>
                          <option value="Nauru" data-currency="AUD" data-alternative-spellings="NR Naoero" data-relevancy-booster="0.5">Nauru</option>
                          <option value="Nepal" data-currency="NPR" data-alternative-spellings="NP नेपाल">Nepal</option>
                          <option value="Netherlands" data-currency="EUR" data-alternative-spellings="NL Holland Nederland" data-relevancy-booster="1.5">Netherlands</option>

                          <option value="New Caledonia" data-currency="XPF" data-alternative-spellings="NC" data-relevancy-booster="0.5">New Caledonia</option>
                          <option value="New Zealand" data-currency="NZD" data-alternative-spellings="NZ Aotearoa">New Zealand</option>
                          <option value="Nicaragua" data-currency="NIO" data-alternative-spellings="NI">Nicaragua</option>
                          <option value="Niger" data-currency="XOF" data-alternative-spellings="NE Nijar">Niger</option>
                          <option value="Nigeria" data-currency="NGN" data-alternative-spellings="NG Nijeriya Naíjíríà" data-relevancy-booster="1.5">Nigeria</option>
                          <option value="Niue" data-currency="NZD" data-alternative-spellings="NU" data-relevancy-booster="0.5">Niue</option>

                          <option value="Norfolk Island" data-currency="AUD" data-alternative-spellings="NF" data-relevancy-booster="0.5">Norfolk Island</option>
                          <option value="Northern Mariana Islands" data-currency="USD" data-alternative-spellings="MP" data-relevancy-booster="0.5">Northern Mariana Islands</option>
                          <option value="Norway" data-currency="NOK" data-alternative-spellings="NO Norge Noreg" data-relevancy-booster="1.5">Norway</option>
                          <option value="Oman" data-currency="OMP" data-alternative-spellings="OM عمان">Oman</option>
                          <option value="Pakistan" data-currency="PKR" data-alternative-spellings="PK پاکستان" data-relevancy-booster="2">Pakistan</option>
                          <option value="Palau" data-currency="USD" data-alternative-spellings="PW" data-relevancy-booster="0.5">Palau</option>

                          <option value="Palestinian Territory, Occupied" data-alternative-spellings="PS فلسطين">Palestinian Territory, Occupied</option>
                          <option value="Panama" data-currency="PAB" data-alternative-spellings="PA">Panama</option>
                          <option value="Papua New Guinea" data-currency="PGK" data-alternative-spellings="PG">Papua New Guinea</option>
                          <option value="Paraguay" data-currency="PYG" data-alternative-spellings="PY">Paraguay</option>
                          <option value="Peru" data-currency="PEN" data-alternative-spellings="PE">Peru</option>
                          <option value="Philippines" data-currency="PHP" data-alternative-spellings="PH Pilipinas" data-relevancy-booster="1.5">Philippines</option>

                          <option value="Pitcairn" data-currency="NZD" data-alternative-spellings="PN" data-relevancy-booster="0.5">Pitcairn</option>
                          <option value="Poland" data-currency="PLN" data-alternative-spellings="PL Polska" data-relevancy-booster="1.25">Poland</option>
                          <option value="Portugal" data-currency="EUR" data-alternative-spellings="PT Portuguesa" data-relevancy-booster="1.5">Portugal</option>
                          <option value="Puerto Rico" data-currency="USD" data-alternative-spellings="PR">Puerto Rico</option>
                          <option value="Qatar" data-currency="QAR" data-alternative-spellings="QA قطر">Qatar</option>
                          <option value="Réunion" data-currency="EUR" data-alternative-spellings="RE Reunion">Réunion</option>

                          <option value="Romania" data-currency="RON" data-alternative-spellings="RO Rumania Roumania România">Romania</option>
                          <option value="Russian Federation" data-currency="RUB" data-alternative-spellings="RU Rossiya Российская Россия" data-relevancy-booster="2.5">Russian Federation</option>
                          <option value="Rwanda" data-currency="RWF" data-alternative-spellings="RW">Rwanda</option>
                          <option value="Saint Barthélemy" data-currency="EUR" data-alternative-spellings="BL St. Barthelemy">Saint Barthélemy</option>
                          <option value="Saint Helena" data-currency="SHP" data-alternative-spellings="SH St.">Saint Helena</option>
                          <option value="Saint Kitts and Nevis" data-currency="XCD" data-alternative-spellings="KN St.">Saint Kitts and Nevis</option>

                          <option value="Saint Lucia" data-currency="XCD" data-alternative-spellings="LC St.">Saint Lucia</option>
                          <option value="Saint Martin (French Part)" data-currency="EUR" data-alternative-spellings="MF St.">Saint Martin (French Part)</option>
                          <option value="Saint Pierre and Miquelon" data-currency="EUR" data-alternative-spellings="PM St.">Saint Pierre and Miquelon</option>
                          <option value="Saint Vincent and the Grenadines" data-currency="XCD" data-alternative-spellings="VC St.">Saint Vincent and the Grenadines</option>
                          <option value="Samoa" data-currency="WST" data-alternative-spellings="WS">Samoa</option>
                          <option value="San Marino" data-currency="EUR" data-alternative-spellings="SM">San Marino</option>

                          <option value="Sao Tome and Principe" data-currency="STD" data-alternative-spellings="ST">Sao Tome and Principe</option>
                          <option value="Saudi Arabia" data-currency="SAR" data-alternative-spellings="SA السعودية">Saudi Arabia</option>
                          <option value="Senegal" data-currency="XOF" data-alternative-spellings="SN Sénégal">Senegal</option>
                          <option value="Serbia" data-currency="RSD" data-alternative-spellings="RS Србија Srbija">Serbia</option>
                          <option value="Seychelles" data-currency="SCR" data-alternative-spellings="SC" data-relevancy-booster="0.5">Seychelles</option>
                          <option value="Sierra Leone" data-currency="SLL" data-alternative-spellings="SL">Sierra Leone</option>

                          <option value="Singapore" data-currency="SGD" data-alternative-spellings="SG Singapura  சிங்கப்பூர் குடியரசு 新加坡共和国">Singapore</option>
                          <option value="Sint Maarten (Dutch Part)" data-currency="ANG" data-alternative-spellings="SX">Sint Maarten (Dutch Part)</option>
                          <option value="Slovakia" data-currency="EUR" data-alternative-spellings="SK Slovenská Slovensko">Slovakia</option>
                          <option value="Slovenia" data-currency="EUR" data-alternative-spellings="SI Slovenija">Slovenia</option>
                          <option value="Solomon Islands" data-currency="SBD" data-alternative-spellings="SB">Solomon Islands</option>
                          <option value="Somalia" data-currency="SOS" data-alternative-spellings="SO الصومال">Somalia</option>

                          <option value="South Africa" data-currency="ZAR" data-alternative-spellings="ZA RSA Suid-Afrika">South Africa</option>
                          <option value="South Georgia and the South Sandwich Islands" data-alternative-spellings="GS">South Georgia and the South Sandwich Islands</option>
                          <option value="South Sudan" data-currency="SSP" data-alternative-spellings="SS">South Sudan</option>
                          <option value="Spain" data-currency="EUR" data-alternative-spellings="ES España" data-relevancy-booster="2">Spain</option>
                          <option value="Sri Lanka" data-currency="LKR" data-alternative-spellings="LK ශ්‍රී ලංකා இலங்கை Ceylon">Sri Lanka</option>
                          <option value="Sudan" data-currency="SDG" data-alternative-spellings="SD السودان">Sudan</option>

                          <option value="Suriname" data-currency="SRD" data-alternative-spellings="SR शर्नम् Sarnam Sranangron">Suriname</option>
                          <option value="Svalbard and Jan Mayen" data-currency="NOK" data-alternative-spellings="SJ" data-relevancy-booster="0.5">Svalbard and Jan Mayen</option>
                          <option value="Swaziland" data-currency="SZL" data-alternative-spellings="SZ weSwatini Swatini Ngwane">Swaziland</option>
                          <option value="Sweden" data-currency="SEK" data-alternative-spellings="SE Sverige" data-relevancy-booster="1.5">Sweden</option>
                          <option value="Switzerland" data-currency="CHE" data-alternative-spellings="CH Swiss Confederation Schweiz Suisse Svizzera Svizra" data-relevancy-booster="1.5">Switzerland</option>
                          <option value="Syrian Arab Republic" data-currency="SYP" data-alternative-spellings="SY Syria سورية">Syrian Arab Republic</option>

                          <option value="Taiwan, Province of China" data-currency="TWD" data-alternative-spellings="TW 台灣 臺灣">Taiwan, Province of China</option>
                          <option value="Tajikistan" data-currency="TJS" data-alternative-spellings="TJ Тоҷикистон Toçikiston">Tajikistan</option>
                          <option value="Tanzania, United Republic of" data-currency="TZS" data-alternative-spellings="TZ">Tanzania, United Republic of</option>
                          <option value="Thailand" data-currency="THB" data-alternative-spellings="TH ประเทศไทย Prathet Thai">Thailand</option>
                          <option value="Timor-Leste" data-currency="USD" data-alternative-spellings="TL">Timor-Leste</option>
                          <option value="Togo" data-currency="XOF" data-alternative-spellings="TG Togolese">Togo</option>

                          <option value="Tokelau" data-currency="NZD" data-alternative-spellings="TK" data-relevancy-booster="0.5">Tokelau</option>
                          <option value="Tonga" data-currency="TOP" data-alternative-spellings="TO">Tonga</option>
                          <option value="Trinidad and Tobago" data-currency="TTD" data-alternative-spellings="TT">Trinidad and Tobago</option>
                          <option value="Tunisia" data-currency="TND" data-alternative-spellings="TN تونس">Tunisia</option>
                          <option value="Turkey" data-currency="TRY" data-alternative-spellings="TR Türkiye Turkiye">Turkey</option>
                          <option value="Turkmenistan" data-currency="TMT" data-alternative-spellings="TM Türkmenistan">Turkmenistan</option>

                          <option value="Turks and Caicos Islands" data-currency="USD" data-alternative-spellings="TC" data-relevancy-booster="0.5">Turks and Caicos Islands</option>
                          <option value="Tuvalu" data-currency="AUD" data-alternative-spellings="TV" data-relevancy-booster="0.5">Tuvalu</option>
                          <option value="Uganda" data-currency="UGX" data-alternative-spellings="UG">Uganda</option>
                          <option value="Ukraine" data-currency="UAH" data-alternative-spellings="UA Ukrayina Україна">Ukraine</option>
                          <option value="United Arab Emirates" data-currency="AED" data-alternative-spellings="AE UAE الإمارات">United Arab Emirates</option>
                          <option value="United Kingdom" data-currency="GBP" data-alternative-spellings="GB Great Britain England UK Wales Scotland Northern Ireland" data-relevancy-booster="2.5">United Kingdom</option>

                          <option value="United States" data-currency="USD" data-relevancy-booster="3.5" data-alternative-spellings="US USA United States of America">United States</option>
                          <option value="United States Minor Outlying Islands" data-currency="USD" data-alternative-spellings="UM">United States Minor Outlying Islands</option>
                          <option value="Uruguay" data-currency="UYI" data-alternative-spellings="UY">Uruguay</option>
                          <option value="Uzbekistan" data-currency="UZS" data-alternative-spellings="UZ Ўзбекистон O'zbekstan O‘zbekiston">Uzbekistan</option>
                          <option value="Vanuatu" data-currency="VUV" data-alternative-spellings="VU">Vanuatu</option>
                          <option value="Venezuela" data-currency="VEF" data-alternative-spellings="VE">Venezuela</option>

                          <option value="Vietnam" data-currency="NVD" data-alternative-spellings="VN Việt Nam" data-relevancy-booster="1.5">Vietnam</option>
                          <option value="Virgin Islands, British" data-currency="USD" data-alternative-spellings="VG" data-relevancy-booster="0.5">Virgin Islands, British</option>
                          <option value="Virgin Islands, U.S." data-currency="USD" data-alternative-spellings="VI" data-relevancy-booster="0.5">Virgin Islands, U.S.</option>
                          <option value="Wallis and Futuna" data-currency="XPF" data-alternative-spellings="WF" data-relevancy-booster="0.5">Wallis and Futuna</option>
                          <option value="Western Sahara" data-currency="MAD" data-alternative-spellings="EH لصحراء الغربية">Western Sahara</option>
                          <option value="Yemen" data-currency="YER" data-alternative-spellings="YE اليمن">Yemen</option>

                          <option value="Zambia" data-currency="ZMK" data-alternative-spellings="ZM">Zambia</option>
                          <option value="Zimbabwe" data-currency="ZWL" data-alternative-spellings="ZW">Zimbabwe</option>
                        </select>

----------------------------------------

 

接着在js文件里写上，

$( function(){
$("#country_selector").selectToAutocomplete();
})

下面的代码包含，取得国家对应的国家code和currency方法

$("#add_country").click( function(){
         var index = $("#country_selector").get(0).selectedIndex;
         var currency = $($("#country_selector").get(0).options[index]).attr("data-currency");
         var country = $("#country_selector").val();
         if(country != ""){
             var short_country = $($("#country_selector").get(0).options[index]).attr("data-alternative-spellings");
             var position_blankspace = short_country.indexOf(" ");
            short_country =(position_blankspace==-1) ? short_country : short_country.substring(0,position_blankspace);
             //  console.log(short_country);
             //  console.log(currency);
             var $row_country_currency = $('<tr><td><input class="countryclass" value="'+ country +'" /></td><td><span class="countrycode" >'+short_country+'</span></td><td><input class="currencyclass" value="'+ currency +'" /></td><td><a>Delete</a></td></tr>');
            $("#countryTable").append($row_country_currency);
        }
         else{
            alert("no country!");
        }

    });

 

20121026更新

该项目的原作者地址在

https://github.com/JamieAppleseed/selectToAutocomplete 

我只是在其html代码上，增加data-currency属性。

还有一点就是，把这么一整段html代码放在页面上肯定不好，得封装在js文件里比较好。