Example 1 - Select with placeholder
$form = new Form('plugins-slimselect-form-1', 'horizontal');
$form->addOption('position-applying-for-slim', '', '', '', 'data-placeholder=true');
$form->addOption('position-applying-for-slim', 'Interface Designer', 'Interface Designer');
$form->addOption('position-applying-for-slim', 'Software Engineer', 'Software Engineer');
$form->addOption('position-applying-for-slim', 'System Administrator', 'System Administrator');
$form->addOption('position-applying-for-slim', 'Office Manager', 'Office Manager');
$form->addSelect('position-applying-for-slim', 'Which position are you applying for ?', 'data-slimselect=true, data-placeholder=Choose one ..., required');
<div class="row">
<label for="position-applying-for-slim" class="col-sm-4 col-form-label">Which position are you applying for ? <sup class="text-danger">* </sup></label>
<div class="col-sm-8 mb-3">
<select id="position-applying-for-slim" name="position-applying-for-slim" data-slimselect="true" data-placeholder="Choose one ..." required class="form-select">
<option value="" data-placeholder="true"></option>
<option value="Interface Designer" >Interface Designer</option>
<option value="Software Engineer" >Software Engineer</option>
<option value="System Administrator" >System Administrator</option>
<option value="Office Manager" >Office Manager</option>
</select>
</div>
</div>
Example 2 - Select multiple with icons
$form = new Form('plugins-slimselect-form-2', 'horizontal');
$form->addOption('product-choice-slim[]', 'Computers', 'Computers', '', 'data-icon=bi bi-pc-display me-2');
$form->addOption('product-choice-slim[]', 'Games', 'Games', '', 'data-icon=bi bi-controller me-2');
$form->addOption('product-choice-slim[]', 'Books', 'Books', '', 'selected, data-icon=bi bi-book me-2');
$form->addOption('product-choice-slim[]', 'Music', 'Music', '', 'selected, data-icon=bi bi-headphones me-2');
$form->addOption('product-choice-slim[]', 'Photos', 'Photos', '', 'data-icon=bi bi-camera-fill me-2');
$form->addOption('product-choice-slim[]', 'Films', 'Films', '', 'data-icon=bi bi-camera-reels-fill me-2');
$form->addHelper('(multiple choices)', 'product-choice-slim[]');
$form->addSelect('product-choice-slim[]', 'What products are you interested in ?', 'data-slimselect=true, multiple, required');
<div class="row">
<label for="product-choice-slim[]" class="col-sm-4 col-form-label">What products are you interested in ? <sup class="text-danger">* </sup></label>
<div class="col-sm-8 mb-3">
<select id="product-choice-slim[]" name="product-choice-slim[]" data-slimselect="true" multiple required class="form-select">
<option value="Computers" data-icon="bi bi-pc-display me-2">Computers</option>
<option value="Games" data-icon="bi bi-controller me-2">Games</option>
<option value="Books" selected data-icon="bi bi-book me-2">Books</option>
<option value="Music" selected data-icon="bi bi-headphones me-2">Music</option>
<option value="Photos" data-icon="bi bi-camera-fill me-2">Photos</option>
<option value="Films" data-icon="bi bi-camera-reels-fill me-2">Films</option>
</select>
<span class="form-text" id="product-choice-slim[]-helper">(multiple choices)</span>
</div>
</div>
Example 3 - Select with option groups & options built with custom html
Note that the equal sign and single quotes are all escaped with a backslash in the options html content
$form->addOption('bg-color-slim', 'primary', 'Primary', 'Blue', 'data-html=<span class\=\'d-inline-block h-100 me-2 bg-primary\' style\=\'width:40px;\'> </span>Primary');
$form->addOption('bg-color-slim', 'info', 'Info', 'Blue', 'data-html=<span class\=\'d-inline-block h-100 me-2 bg-info\' style\=\'width:40px;\'> </span>Info');
$form->addOption('bg-color-slim', 'secondary', 'Secondary', 'Grey', 'data-html=<span class\=\'d-inline-block h-100 me-2 bg-secondary\' style\=\'width:40px;\'> </span>Secondary');
$form->addOption('bg-color-slim', 'light', 'Light', 'Grey', 'data-html=<span class\=\'d-inline-block h-100 me-2 bg-light\' style\=\'width:40px;\'> </span>Light');
$form->addOption('bg-color-slim', 'warning', 'Warning', 'Others', 'data-html=<span class\=\'d-inline-block h-100 me-2 bg-warning\' style\=\'width:40px;\'> </span>Warning');
$form->addOption('bg-color-slim', 'danger', 'Danger', 'Others', 'data-html=<span class\=\'d-inline-block h-100 me-2 bg-danger\' style\=\'width:40px;\'> </span>Danger');
$form->addSelect('bg-color-slim', 'Background color', 'data-slimselect=true');
<div class="bs5-form-stacked-element mb-3">
<label for="bg-color-slim" class="form-label">Background color</label>
<select id="bg-color-slim" name="bg-color-slim" data-slimselect="true" class="form-select">
<optgroup label="Blue">
<option value="primary" data-html="<span class='d-inline-block h-100 me-2 bg-primary' style='width:40px;'> </span>Primary">Primary</option>
<option value="info" data-html="<span class='d-inline-block h-100 me-2 bg-info' style='width:40px;'> </span>Info">Info</option>
</optgroup>
<optgroup label="Grey">
<option value="secondary" data-html="<span class='d-inline-block h-100 me-2 bg-secondary' style='width:40px;'> </span>Secondary">Secondary</option>
<option value="light" data-html="<span class='d-inline-block h-100 me-2 bg-light' style='width:40px;'> </span>Light">Light</option>
</optgroup>
<optgroup label="Others">
<option value="warning" data-html="<span class='d-inline-block h-100 me-2 bg-warning' style='width:40px;'> </span>Warning">Warning</option>
<option value="danger" data-html="<span class='d-inline-block h-100 me-2 bg-danger' style='width:40px;'> </span>Danger">Danger</option>
</optgroup>
</select>
</div>
Example 4 - Select multiple tags, dynamic option creation, maximum limit
$form = new Form('plugins-slimselect-form-4', 'horizontal');
$form->addOption('favorite-animals-slim[]', 'Cat', 'Cat');
$form->addOption('favorite-animals-slim[]', 'Dog', 'Dog');
$form->addOption('favorite-animals-slim[]', 'Lion', 'Lion');
$form->addOption('favorite-animals-slim[]', 'Rabbit', 'Rabbit');
$form->addOption('favorite-animals-slim[]', 'Mosquito', 'Mosquito');
$form->addHelper('3 animals max., type in the field to add your custom ones', 'favorite-animals-slim[]');
$form->addSelect('favorite-animals-slim[]', 'Choose your favorite animals', 'data-slimselect=true, data-tags=true, data-maximum-selection-length=3, data-close-on-select=true, data-language=es, multiple, required');
<div class="row">
<label for="favorite-animals-slim[]" class="col-sm-4 col-form-label">Choose your favorite animals <sup class="text-danger">* </sup></label>
<div class="col-sm-8 mb-3">
<select id="favorite-animals-slim[]" name="favorite-animals-slim[]" data-slimselect="true" data-limit="3" data-addable="true" data-close-on-select="false" multiple required class="form-select">
<option value="Cat" >Cat</option>
<option value="Dog" >Dog</option>
<option value="Lion" >Lion</option>
<option value="Rabbit" >Rabbit</option>
<option value="Mosquito" >Mosquito</option>
</select>
<span class="form-text" id="favorite-animals-slim[]-helper">3 animals max., type in the field to add your custom ones</span>
</div>
</div>
Example 5 - Select Country
uses theaddCountrySelect()
function$form = new Form('plugins-slimselect-form-5', 'horizontal');
$form->addCountrySelect('country-slimselect', 'country: ', 'title=Select a country');
<div class="row">
<label for="country-slimselect" class="col-sm-4 col-form-label">country: </label>
<div class="col-sm-8 mb-3">
<select name="country-slimselect" id="country-slimselect" class=" f32" data-slimselect=true data-flag-size=32 title="Select a country">
<option value="Afghanistan" class="flag af" >Afghanistan</option>
<option value="Albania" class="flag al" >Albania</option>
<option value="Algeria" class="flag dz" >Algeria</option>
<option value="American Samoa" class="flag as" >American Samoa</option>
<option value="Andorra" class="flag ad" >Andorra</option>
<option value="Angola" class="flag ao" >Angola</option>
<option value="Anguilla" class="flag ai" >Anguilla</option>
<option value="Antarctica" class="flag aq" >Antarctica</option>
<option value="Antigua and Barbuda" class="flag ag" >Antigua and Barbuda</option>
<option value="Argentina" class="flag ar" >Argentina</option>
<option value="Armenia" class="flag am" >Armenia</option>
<option value="Aruba" class="flag aw" >Aruba</option>
<option value="Australia" class="flag au" >Australia</option>
<option value="Austria" class="flag at" >Austria</option>
<option value="Azerbaijan" class="flag az" >Azerbaijan</option>
<option value="Bahamas" class="flag bs" >Bahamas</option>
<option value="Bahrain" class="flag bh" >Bahrain</option>
<option value="Bangladesh" class="flag bd" >Bangladesh</option>
<option value="Barbados" class="flag bb" >Barbados</option>
<option value="Belarus" class="flag by" >Belarus</option>
<option value="Belgium" class="flag be" >Belgium</option>
<option value="Belize" class="flag bz" >Belize</option>
<option value="Benin" class="flag bj" >Benin</option>
<option value="Bermuda" class="flag bm" >Bermuda</option>
<option value="Bhutan" class="flag bt" >Bhutan</option>
<option value="Bolivia" class="flag bo" >Bolivia</option>
<option value="Bosnia and Herzegovina" class="flag ba" >Bosnia and Herzegovina</option>
<option value="Botswana" class="flag bw" >Botswana</option>
<option value="Bouvet Island" class="flag bv" >Bouvet Island</option>
<option value="Brazil" class="flag br" >Brazil</option>
<option value="British Antarctic Territory" class="flag bq" >British Antarctic Territory</option>
<option value="British Indian Ocean Territory" class="flag io" >British Indian Ocean Territory</option>
<option value="British Virgin Islands" class="flag vg" >British Virgin Islands</option>
<option value="Brunei" class="flag bn" >Brunei</option>
<option value="Bulgaria" class="flag bg" >Bulgaria</option>
<option value="Burkina Faso" class="flag bf" >Burkina Faso</option>
<option value="Burundi" class="flag bi" >Burundi</option>
<option value="Cambodia" class="flag kh" >Cambodia</option>
<option value="Cameroon" class="flag cm" >Cameroon</option>
<option value="Canada" class="flag ca" >Canada</option>
<option value="Canton and Enderbury Islands" class="flag ct" >Canton and Enderbury Islands</option>
<option value="Cape Verde" class="flag cv" >Cape Verde</option>
<option value="Cayman Islands" class="flag ky" >Cayman Islands</option>
<option value="Central African Republic" class="flag cf" >Central African Republic</option>
<option value="Chad" class="flag td" >Chad</option>
<option value="Chile" class="flag cl" >Chile</option>
<option value="China" class="flag cn" >China</option>
<option value="Christmas Island" class="flag cx" >Christmas Island</option>
<option value="Cocos [Keeling] Islands" class="flag cc" >Cocos [Keeling] Islands</option>
<option value="Colombia" class="flag co" >Colombia</option>
<option value="Comoros" class="flag km" >Comoros</option>
<option value="Congo - Brazzaville" class="flag cg" >Congo - Brazzaville</option>
<option value="Congo - Kinshasa" class="flag cd" >Congo - Kinshasa</option>
<option value="Cook Islands" class="flag ck" >Cook Islands</option>
<option value="Costa Rica" class="flag cr" >Costa Rica</option>
<option value="Croatia" class="flag hr" >Croatia</option>
<option value="Cuba" class="flag cu" >Cuba</option>
<option value="Cyprus" class="flag cy" >Cyprus</option>
<option value="Czech Republic" class="flag cz" >Czech Republic</option>
<option value="Côte d’Ivoire" class="flag ci" >Côte d’Ivoire</option>
<option value="Denmark" class="flag dk" >Denmark</option>
<option value="Djibouti" class="flag dj" >Djibouti</option>
<option value="Dominica" class="flag dm" >Dominica</option>
<option value="Dominican Republic" class="flag do" >Dominican Republic</option>
<option value="Dronning Maud Land" class="flag nq" >Dronning Maud Land</option>
<option value="East Germany" class="flag dd" >East Germany</option>
<option value="Ecuador" class="flag ec" >Ecuador</option>
<option value="Egypt" class="flag eg" >Egypt</option>
<option value="El Salvador" class="flag sv" >El Salvador</option>
<option value="Equatorial Guinea" class="flag gq" >Equatorial Guinea</option>
<option value="Eritrea" class="flag er" >Eritrea</option>
<option value="Estonia" class="flag ee" >Estonia</option>
<option value="Ethiopia" class="flag et" >Ethiopia</option>
<option value="Falkland Islands" class="flag fk" >Falkland Islands</option>
<option value="Faroe Islands" class="flag fo" >Faroe Islands</option>
<option value="Fiji" class="flag fj" >Fiji</option>
<option value="Finland" class="flag fi" >Finland</option>
<option value="France" class="flag fr" >France</option>
<option value="French Guiana" class="flag gf" >French Guiana</option>
<option value="French Polynesia" class="flag pf" >French Polynesia</option>
<option value="French Southern Territories" class="flag tf" >French Southern Territories</option>
<option value="French Southern and Antarctic Territories" class="flag fq" >French Southern and Antarctic Territories</option>
<option value="Gabon" class="flag ga" >Gabon</option>
<option value="Gambia" class="flag gm" >Gambia</option>
<option value="Georgia" class="flag ge" >Georgia</option>
<option value="Germany" class="flag de" >Germany</option>
<option value="Ghana" class="flag gh" >Ghana</option>
<option value="Gibraltar" class="flag gi" >Gibraltar</option>
<option value="Greece" class="flag gr" >Greece</option>
<option value="Greenland" class="flag gl" >Greenland</option>
<option value="Grenada" class="flag gd" >Grenada</option>
<option value="Guadeloupe" class="flag gp" >Guadeloupe</option>
<option value="Guam" class="flag gu" >Guam</option>
<option value="Guatemala" class="flag gt" >Guatemala</option>
<option value="Guernsey" class="flag gg" >Guernsey</option>
<option value="Guinea" class="flag gn" >Guinea</option>
<option value="Guinea-Bissau" class="flag gw" >Guinea-Bissau</option>
<option value="Guyana" class="flag gy" >Guyana</option>
<option value="Haiti" class="flag ht" >Haiti</option>
<option value="Heard Island and McDonald Islands" class="flag hm" >Heard Island and McDonald Islands</option>
<option value="Honduras" class="flag hn" >Honduras</option>
<option value="Hong Kong SAR China" class="flag hk" >Hong Kong SAR China</option>
<option value="Hungary" class="flag hu" >Hungary</option>
<option value="Iceland" class="flag is" >Iceland</option>
<option value="India" class="flag in" >India</option>
<option value="Indonesia" class="flag id" >Indonesia</option>
<option value="Iran" class="flag ir" >Iran</option>
<option value="Iraq" class="flag iq" >Iraq</option>
<option value="Ireland" class="flag ie" >Ireland</option>
<option value="Isle of Man" class="flag im" >Isle of Man</option>
<option value="Israel" class="flag il" >Israel</option>
<option value="Italy" class="flag it" >Italy</option>
<option value="Jamaica" class="flag jm" >Jamaica</option>
<option value="Japan" class="flag jp" >Japan</option>
<option value="Jersey" class="flag je" >Jersey</option>
<option value="Johnston Island" class="flag jt" >Johnston Island</option>
<option value="Jordan" class="flag jo" >Jordan</option>
<option value="Kazakhstan" class="flag kz" >Kazakhstan</option>
<option value="Kenya" class="flag ke" >Kenya</option>
<option value="Kiribati" class="flag ki" >Kiribati</option>
<option value="Kuwait" class="flag kw" >Kuwait</option>
<option value="Kyrgyzstan" class="flag kg" >Kyrgyzstan</option>
<option value="Laos" class="flag la" >Laos</option>
<option value="Latvia" class="flag lv" >Latvia</option>
<option value="Lebanon" class="flag lb" >Lebanon</option>
<option value="Lesotho" class="flag ls" >Lesotho</option>
<option value="Liberia" class="flag lr" >Liberia</option>
<option value="Libya" class="flag ly" >Libya</option>
<option value="Liechtenstein" class="flag li" >Liechtenstein</option>
<option value="Lithuania" class="flag lt" >Lithuania</option>
<option value="Luxembourg" class="flag lu" >Luxembourg</option>
<option value="Macau SAR China" class="flag mo" >Macau SAR China</option>
<option value="Macedonia" class="flag mk" >Macedonia</option>
<option value="Madagascar" class="flag mg" >Madagascar</option>
<option value="Malawi" class="flag mw" >Malawi</option>
<option value="Malaysia" class="flag my" >Malaysia</option>
<option value="Maldives" class="flag mv" >Maldives</option>
<option value="Mali" class="flag ml" >Mali</option>
<option value="Malta" class="flag mt" >Malta</option>
<option value="Marshall Islands" class="flag mh" >Marshall Islands</option>
<option value="Martinique" class="flag mq" >Martinique</option>
<option value="Mauritania" class="flag mr" >Mauritania</option>
<option value="Mauritius" class="flag mu" >Mauritius</option>
<option value="Mayotte" class="flag yt" >Mayotte</option>
<option value="Metropolitan France" class="flag fx" >Metropolitan France</option>
<option value="Mexico" class="flag mx" >Mexico</option>
<option value="Micronesia" class="flag fm" >Micronesia</option>
<option value="Midway Islands" class="flag mi" >Midway Islands</option>
<option value="Moldova" class="flag md" >Moldova</option>
<option value="Monaco" class="flag mc" >Monaco</option>
<option value="Mongolia" class="flag mn" >Mongolia</option>
<option value="Montenegro" class="flag me" >Montenegro</option>
<option value="Montserrat" class="flag ms" >Montserrat</option>
<option value="Morocco" class="flag ma" >Morocco</option>
<option value="Mozambique" class="flag mz" >Mozambique</option>
<option value="Myanmar [Burma]" class="flag mm" >Myanmar [Burma]</option>
<option value="Namibia" class="flag na" >Namibia</option>
<option value="Nauru" class="flag nr" >Nauru</option>
<option value="Nepal" class="flag np" >Nepal</option>
<option value="Netherlands" class="flag nl" >Netherlands</option>
<option value="Netherlands Antilles" class="flag an" >Netherlands Antilles</option>
<option value="Neutral Zone" class="flag nt" >Neutral Zone</option>
<option value="New Caledonia" class="flag nc" >New Caledonia</option>
<option value="New Zealand" class="flag nz" >New Zealand</option>
<option value="Nicaragua" class="flag ni" >Nicaragua</option>
<option value="Niger" class="flag ne" >Niger</option>
<option value="Nigeria" class="flag ng" >Nigeria</option>
<option value="Niue" class="flag nu" >Niue</option>
<option value="Norfolk Island" class="flag nf" >Norfolk Island</option>
<option value="North Korea" class="flag kp" >North Korea</option>
<option value="North Vietnam" class="flag vd" >North Vietnam</option>
<option value="Northern Mariana Islands" class="flag mp" >Northern Mariana Islands</option>
<option value="Norway" class="flag no" >Norway</option>
<option value="Oman" class="flag om" >Oman</option>
<option value="Pacific Islands Trust Territory" class="flag pc" >Pacific Islands Trust Territory</option>
<option value="Pakistan" class="flag pk" >Pakistan</option>
<option value="Palau" class="flag pw" >Palau</option>
<option value="Palestinian Territories" class="flag ps" >Palestinian Territories</option>
<option value="Panama" class="flag pa" >Panama</option>
<option value="Panama Canal Zone" class="flag pz" >Panama Canal Zone</option>
<option value="Papua New Guinea" class="flag pg" >Papua New Guinea</option>
<option value="Paraguay" class="flag py" >Paraguay</option>
<option value="People's Democratic Republic of Yemen" class="flag yd" >People's Democratic Republic of Yemen</option>
<option value="Peru" class="flag pe" >Peru</option>
<option value="Philippines" class="flag ph" >Philippines</option>
<option value="Pitcairn Islands" class="flag pn" >Pitcairn Islands</option>
<option value="Poland" class="flag pl" >Poland</option>
<option value="Portugal" class="flag pt" >Portugal</option>
<option value="Puerto Rico" class="flag pr" >Puerto Rico</option>
<option value="Qatar" class="flag qa" >Qatar</option>
<option value="Romania" class="flag ro" >Romania</option>
<option value="Russia" class="flag ru" >Russia</option>
<option value="Rwanda" class="flag rw" >Rwanda</option>
<option value="Réunion" class="flag re" >Réunion</option>
<option value="Saint Barthélemy" class="flag bl" >Saint Barthélemy</option>
<option value="Saint Helena" class="flag sh" >Saint Helena</option>
<option value="Saint Kitts and Nevis" class="flag kn" >Saint Kitts and Nevis</option>
<option value="Saint Lucia" class="flag lc" >Saint Lucia</option>
<option value="Saint Martin" class="flag mf" >Saint Martin</option>
<option value="Saint Pierre and Miquelon" class="flag pm" >Saint Pierre and Miquelon</option>
<option value="Saint Vincent and the Grenadines" class="flag vc" >Saint Vincent and the Grenadines</option>
<option value="Samoa" class="flag ws" >Samoa</option>
<option value="San Marino" class="flag sm" >San Marino</option>
<option value="Saudi Arabia" class="flag sa" >Saudi Arabia</option>
<option value="Senegal" class="flag sn" >Senegal</option>
<option value="Serbia" class="flag rs" >Serbia</option>
<option value="Serbia and Montenegro" class="flag cs" >Serbia and Montenegro</option>
<option value="Seychelles" class="flag sc" >Seychelles</option>
<option value="Sierra Leone" class="flag sl" >Sierra Leone</option>
<option value="Singapore" class="flag sg" >Singapore</option>
<option value="Slovakia" class="flag sk" >Slovakia</option>
<option value="Slovenia" class="flag si" >Slovenia</option>
<option value="Solomon Islands" class="flag sb" >Solomon Islands</option>
<option value="Somalia" class="flag so" >Somalia</option>
<option value="South Africa" class="flag za" >South Africa</option>
<option value="South Georgia and the South Sandwich Islands" class="flag gs" >South Georgia and the South Sandwich Islands</option>
<option value="South Korea" class="flag kr" >South Korea</option>
<option value="Spain" class="flag es" >Spain</option>
<option value="Sri Lanka" class="flag lk" >Sri Lanka</option>
<option value="Sudan" class="flag sd" >Sudan</option>
<option value="Suriname" class="flag sr" >Suriname</option>
<option value="Svalbard and Jan Mayen" class="flag sj" >Svalbard and Jan Mayen</option>
<option value="Swaziland" class="flag sz" >Swaziland</option>
<option value="Sweden" class="flag se" >Sweden</option>
<option value="Switzerland" class="flag ch" >Switzerland</option>
<option value="Syria" class="flag sy" >Syria</option>
<option value="São Tomé and Príncipe" class="flag st" >São Tomé and Príncipe</option>
<option value="Taiwan" class="flag tw" >Taiwan</option>
<option value="Tajikistan" class="flag tj" >Tajikistan</option>
<option value="Tanzania" class="flag tz" >Tanzania</option>
<option value="Thailand" class="flag th" >Thailand</option>
<option value="Timor-Leste" class="flag tl" >Timor-Leste</option>
<option value="Togo" class="flag tg" >Togo</option>
<option value="Tokelau" class="flag tk" >Tokelau</option>
<option value="Tonga" class="flag to" >Tonga</option>
<option value="Trinidad and Tobago" class="flag tt" >Trinidad and Tobago</option>
<option value="Tunisia" class="flag tn" >Tunisia</option>
<option value="Turkey" class="flag tr" >Turkey</option>
<option value="Turkmenistan" class="flag tm" >Turkmenistan</option>
<option value="Turks and Caicos Islands" class="flag tc" >Turks and Caicos Islands</option>
<option value="Tuvalu" class="flag tv" >Tuvalu</option>
<option value="U.S. Minor Outlying Islands" class="flag um" >U.S. Minor Outlying Islands</option>
<option value="U.S. Miscellaneous Pacific Islands" class="flag pu" >U.S. Miscellaneous Pacific Islands</option>
<option value="U.S. Virgin Islands" class="flag vi" >U.S. Virgin Islands</option>
<option value="Uganda" class="flag ug" >Uganda</option>
<option value="Ukraine" class="flag ua" >Ukraine</option>
<option value="Union of Soviet Socialist Republics" class="flag su" >Union of Soviet Socialist Republics</option>
<option value="United Arab Emirates" class="flag ae" >United Arab Emirates</option>
<option value="United Kingdom" class="flag gb" >United Kingdom</option>
<option value="United States" class="flag us" >United States</option>
<option value="Unknown or Invalid Region" class="flag zz" >Unknown or Invalid Region</option>
<option value="Uruguay" class="flag uy" >Uruguay</option>
<option value="Uzbekistan" class="flag uz" >Uzbekistan</option>
<option value="Vanuatu" class="flag vu" >Vanuatu</option>
<option value="Vatican City" class="flag va" >Vatican City</option>
<option value="Venezuela" class="flag ve" >Venezuela</option>
<option value="Vietnam" class="flag vn" >Vietnam</option>
<option value="Wake Island" class="flag wk" >Wake Island</option>
<option value="Wallis and Futuna" class="flag wf" >Wallis and Futuna</option>
<option value="Western Sahara" class="flag eh" >Western Sahara</option>
<option value="Yemen" class="flag ye" >Yemen</option>
<option value="Zambia" class="flag zm" >Zambia</option>
<option value="Zimbabwe" class="flag zw" >Zimbabwe</option>
<option value="Åland Islands" class="flag ax" >Åland Islands</option>
</select>
</div>
</div>