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, 2006 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>