Skip To Main Content | Home | Sitemap | Contact
Latest Visitors: United States's flagUnited States's flagUnited States's flagGermany's flagUnited States's flagUnited States's flagSweden's flagMalaysia's flagMalaysia's flagUnited States's flagIsrael's flagUnited States's flagChina's flagChina's flagSweden's flagIndia's flagAustralia's flagIndonesia's flagNorway's flagVietnam's flagTurkey's flagGermany's flagGermany's flagUnited Arab Emirates's flagIndia's flag
 

How can you set a drop down list's selected item to match a value in a variable using JavaScript?




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">

<head>
<meta name="author" content="Roderick Divilbiss">
<meta name="copyright" content="© 2005-2010 Roderick Divilbiss">
</head>

<body>
<form name="">
  <select id="country" name="country" size="1">
    <option value="AF">AFGHANISTAN</option>
    <option value="AL">ALBANIA</option>
    <option value="AD">ANDORRA</option>
    <option value="AO">ANGOLA</option>
    <option value="AI">ANGUILLA</option>
    <option value="AG">ANTIGUA</option>
    <option value="AR">ARGENTINA</option>
    <option value="AM">ARMENIA</option>
    <option value="AW">ARUBA</option>
    <option value="AU">AUSTRALIA</option>
    <option value="AT">AUSTRIA</option>
    <option value="AZ">AZERBAIJAN</option>
    <option value="BS">BAHAMAS</option>
    <option value="BH">BAHRAIN</option>
    <option value="BD">BANGLADESH</option>
    <option value="BB">BARBADOS</option>
    <option value="XA">BARBUDA</option>
    <option value="BY">BELARUS</option>
    <option value="BE">BELGIUM</option>
    <option value="BZ">BELIZE</option>
    <option value="BJ">BENIN</option>
    <option value="BM">BERMUDA</option>
    <option value="BT">BHUTAN</option>
    <option value="BO">BOLIVIA</option>
    <option value="XB">BONAIRE</option>
    <option value="BA">BOSNIA-HERZEGOVINA</option>
    <option value="BW">BOTSWANA</option>
    <option value="BR">BRAZIL</option>
    <option value="VG">BRITISH VIRGIN ISLANDS</option>
    <option value="BN">BRUNEI DARUSSALAM</option>
    <option value="BG">BULGARIA</option>
    <option value="BF">BURKINA FASO</option>
    <option value="BI">BURUNDI</option>
    <option value="KH">CAMBODIA</option>
    <option value="CM">CAMEROON</option>
    <option value="CA">CANADA</option>
    <option value="CV">CAPE VERDE</option>
    <option value="KY">CAYMAN ISLANDS</option>
    <option value="TD">CHAD</option>
    <option value="CL">CHILE</option>
    <option value="CN">CHINA</option>
    <option value="CO">COLOMBIA</option>
    <option value="CD">CONGO, DEMOCRATIC REPUBLIC OF</option>
    <option value="CG">CONGO, REPUBLIC OF THE (BRAZZAVILLE)</option>
    <option value="CK">COOK ISLANDS</option>
    <option value="CR">COSTA RICA</option>
    <option value="CI">COTE D'IVOIRE (IVORY COAST)</option>
    <option value="HR">CROATIA</option>
    <option value="XC">CURACAO</option>
    <option value="CY">CYPRUS</option>
    <option value="CZ">CZECH REPUBLIC</option>
    <option value="DK">DENMARK</option>
    <option value="DJ">DJIBOUTI</option>
    <option value="DM">DOMINICA</option>
    <option value="DO">DOMINICAN REPUBLIC</option>
    <option value="TL">EAST TIMOR</option>
    <option value="EC">ECUADOR</option>
    <option value="EG">EGYPT</option>
    <option value="SV">EL SALVADOR</option>
    <option value="GQ">EQUATORIAL GUINEA</option>
    <option value="ER">ERITREA</option>
    <option value="EE">ESTONIA</option>
    <option value="ET">ETHIOPIA</option>
    <option value="FO">FAROE ISLANDS</option>
    <option value="FJ">FIJI</option>
    <option value="FI">FINLAND</option>
    <option value="FR">FRANCE</option>
    <option value="GF">FRENCH GUIANA</option>
    <option value="PF">FRENCH POLYNESIA</option>
    <option value="GA">GABON</option>
    <option value="GM">GAMBIA</option>
    <option value="GE">GEORGIA, REPUBLIC OF</option>
    <option value="DE">GERMANY</option>
    <option value="GH">GHANA</option>
    <option value="GI">GIBRALTAR</option>
    <option value="GR">GREECE</option>
    <option value="GL">GREENLAND</option>
    <option value="GD">GRENADA</option>
    <option value="GP">GUADELOUPE</option>
    <option value="GT">GUATEMALA</option>
    <option value="GN">GUINEA</option>
    <option value="GY">GUYANA</option>
    <option value="HT">HAITI</option>
    <option value="HN">HONDURAS</option>
    <option value="HK">HONG KONG</option>
    <option value="HU">HUNGARY</option>
    <option value="IS">ICELAND</option>
    <option value="IN">INDIA</option>
    <option value="ID">INDONESIA</option>
    <option value="IQ">IRAQ</option>
    <option value="IE">IRELAND</option>
    <option value="IL">ISRAEL</option>
    <option value="IT">ITALY</option>
    <option value="JM">JAMAICA</option>
    <option value="JP">JAPAN</option>
    <option value="JO">JORDAN</option>
    <option value="KZ">KAZAKHSTAN</option>
    <option value="KE">KENYA</option>
    <option value="KR">KOREA, REPUBLIC OF (SOUTH)</option>
    <option value="KW">KUWAIT</option>
    <option value="KG">KYRGYZSTAN</option>
    <option value="LA">LAOS</option>
    <option value="LV">LATVIA</option>
    <option value="LB">LEBANON</option>
    <option value="LS">LESOTHO</option>
    <option value="LR">LIBERIA</option>
    <option value="LI">LIECHTENSTEIN</option>
    <option value="LT">LITHUANIA</option>
    <option value="LU">LUXEMBOURG</option>
    <option value="MO">MACAO</option>
    <option value="MK">MACEDONIA, REPUBLIC OF</option>
    <option value="MG">MADAGASCAR</option>
    <option value="MW">MALAWI</option>
    <option value="MY">MALAYSIA</option>
    <option value="MV">MALDIVES</option>
    <option value="ML">MALI</option>
    <option value="MT">MALTA</option>
    <option value="MQ">MARTINIQUE</option>
    <option value="MR">MAURITANIA</option>
    <option value="MU">MAURITIUS</option>
    <option value="MX">MEXICO</option>
    <option value="MD">MOLDOVA</option>
    <option value="MC">MONACO</option>
    <option value="MN">MONGOLIA</option>
    <option value="MS">MONTSERRAT</option>
    <option value="MA">MOROCCO</option>
    <option value="MZ">MOZAMBIQUE</option>
    <option value="NA">NAMIBIA</option>
    <option value="NP">NEPAL</option>
    <option value="NL">NETHERLANDS</option>
    <option value="NC">NEW CALEDONIA</option>
    <option value="NZ">NEW ZEALAND</option>
    <option value="NI">NICARAGUA</option>
    <option value="NE">NIGER</option>
    <option value="NG">NIGERIA</option>
    <option value="NO">NORWAY</option>
    <option value="OM">OMAN</option>
    <option value="PK">PAKISTAN</option>
    <option value="PA">PANAMA</option>
    <option value="PG">PAPUA NEW GUINEA</option>
    <option value="PY">PARAGUAY</option>
    <option value="PE">PERU</option>
    <option value="PH">PHILIPPINES</option>
    <option value="PL">POLAND</option> 
    <option value="PT">PORTUGAL</option>
    <option value="QA">QATAR</option>
    <option value="RE">REUNION</option>
    <option value="RO">ROMANIA</option>
    <option value="RU">RUSSIA</option>
    <option value="RW">RWANDA</option>
    <option value="XS">SABA</option>
    <option value="SA">SAUDI ARABIA</option>
    <option value="SN">SENEGAL</option>
    <option value="YU">SERBIA-MONTENEGRO (YUGOSLAVIA)</option>
    <option value="SC">SEYCHELLES</option>
    <option value="SG">SINGAPORE</option>
    <option value="SK">SLOVAK REPUBLIC (SLOVAKIA)</option>
    <option value="SI">SLOVENIA</option>
    <option value="ZA">SOUTH AFRICA</option>
    <option value="ES">SPAIN</option>
    <option value="LK">SRI LANKA</option>
    <option value="XG">ST. BARTHELEMY</option>
    <option value="XE">ST. EUSTATIUS</option>
    <option value="KN">ST. KITTS AND NEVIS</option>
    <option value="LC">ST. LUCIA</option>
    <option value="XM">ST. MAARTEN</option>
    <option value="VC">ST. VINCENT AND THE GRENADINES</option>
    <option value="SR">SURINAME</option>
    <option value="SZ">SWAZILAND</option>
    <option value="SE">SWEDEN</option>
    <option value="CH">SWITZERLAND</option>
    <option value="SY">SYRIAN ARAB REPUBLIC</option>
    <option value="TW">TAIWAN</option>
    <option value="TZ">TANZANIA</option>
    <option value="TH">THAILAND</option>
    <option value="TG">TOGO</option>
    <option value="TT">TRINIDAD AND TOBAGO</option>
    <option value="TN">TUNISIA</option>
    <option value="TR">TURKEY</option>
    <option value="TM">TURKMENISTAN</option>
    <option value="TC">TURKS AND CAICOS ISLANDS</option>
    <option value="UG">UGANDA</option>
    <option value="UA">UKRAINE</option>
    <option value="AE">UNITED ARAB EMIRATES</option>
    <option value="GB">UNITED KINGDOM</option>
    <option value="US">UNITED STATES OF AMERICA</option> 
    <option value="UY">URUGUAY</option>
    <option value="UZ">UZBEKISTAN</option>
    <option value="VU">VANUATU</option>
    <option value="VE">VENEZUELA</option>
    <option value="VN">VIETNAM</option>
    <option value="WF">WALLIS AND FUTUNA ISLANDS</option>
    <option value="YE">YEMEN</option>
    <option value="ZM">ZAMBIA</option>
    <option value="ZW">ZIMBABWE</option>
  </select>
  <input name="cSave" id="cSave" value="CH">
</form>
</div>
<script type="text/javascript">
<!--
// the select has to have an ID not just a NAME
if (document.getElementById('cSave').value!='') {
    // alert(document.getElementById('country').options.length);
    for (var idx=0;idx<document.getElementById('country').options.length;idx++) {
        if (document.getElementById('cSave').value==document.getElementById('country').options[idx].value) {
            document.getElementById('country').options[idx].selected=true;
        }
    } 
}
//-->
</script>
</body>

</html>

  


This Weeks Most Popular Pages Newest Pages