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 mb-3">
<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">
<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 mb-3">
<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">
<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 mb-3">
<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">
<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 mb-3">
<label for="country-slimselect" class="col-sm-4 col-form-label">
country:
</label>
<div class="col-sm-8">
<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>