Solved: Change dropdown from States to Provinces if Canada is selected.

Want the form to default to US with States in dropdown. IF the user selects Canada, would like for it to change to provinces (ON, QC, BC, AB MB, SK, NS, NB, NL, PE, NT, YK, NU)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Locator</TITLE>
<META content="Evrsoft First Page" name=GENERATOR>
<SCRIPT language=javascript type=text/javascript>
</SCRIPT>
</HEAD>
<BODY>
<DIV id=maindiv>
<div id="banner">
    &nbsp;</div>
        <table border="0" cellpadding="0" cellspacing="0" style="background-color: white; width: 760px;">
            <tr style="color: #000000">
                <td style="width: 152px; text-align: right">
                    <span style="font-size: 10pt"></span></td>
                <td colspan="3">
                    &nbsp; &nbsp;&nbsp; <span style="font-size: 10pt"></span></td>
            </tr>
            <tr style="color: #000000">
                <td style="width: 152px; height: 18px; text-align: right;">
                    <span style="color: #ffffff">&gt;<span style="font-size: 10pt; color: #000000;">Country:</span></span></td>
                <td style="width: 136px; height: 18px;">
                <SELECT class=input id=Select3 tabIndex=0 name=selCountry> 
			<OPTION value="US" selected="selected">United States</OPTION> 
			<OPTION value="CA">Canada</OPTION> 
			</SELECT></td>
                <td style="height: 18px">
                    <span style="font-size: 10pt">State:<SELECT class=input id=Select2 tabIndex=3 name=selStateProvince style="color: #000000"> 
                <OPTION value="" selected="selected"></OPTION> 
                <OPTION value=AK>AK</OPTION> <OPTION value=AL>AL</OPTION> 
                <OPTION value=AR>AR</OPTION> <OPTION value=AZ>AZ</OPTION> 
                <OPTION value=CA>CA</OPTION> <OPTION value=CO>CO</OPTION> 
                <OPTION value=CT>CT</OPTION> <OPTION value=DC>DC</OPTION> 
                <OPTION value=DE>DE</OPTION> <OPTION value=FL>FL</OPTION> 
                <OPTION value=GA>GA</OPTION> <OPTION value=HI>HI</OPTION> 
                <OPTION value=IA>IA</OPTION> <OPTION value=ID>ID</OPTION> 
                <OPTION value=IL>IL</OPTION> <OPTION value=IN>IN</OPTION> 
                <OPTION value=KA>KA</OPTION> <OPTION value=KY>KY</OPTION> 
                <OPTION value=LA>LA</OPTION> <OPTION value=MA>MA</OPTION> 
                <OPTION value=MD>MD</OPTION> <OPTION value=ME>ME</OPTION> 
                <OPTION value=MI>MI</OPTION> <OPTION value=MN>MN</OPTION> 
                <OPTION value=MO>MO</OPTION> <OPTION value=MS>MS</OPTION> 
                <OPTION value=MT>MT</OPTION> <OPTION value=NC>NC</OPTION> 
                <OPTION value=ND>ND</OPTION> <OPTION value=NE>NE</OPTION> 
                <OPTION value=NH>NH</OPTION> <OPTION value=NJ>NJ</OPTION> 
                <OPTION value=NM>NM</OPTION> <OPTION value=NV>NV</OPTION> 
                <OPTION value=NY>NY</OPTION> <OPTION value=OH>OH</OPTION> 
                <OPTION value=OK>OK</OPTION> <OPTION value=OR>OR</OPTION> 
                <OPTION value=PA>PA</OPTION> <OPTION value=RI>RI</OPTION> 
                <OPTION value=SC>SC</OPTION> <OPTION value=SD>SD</OPTION> 
                <OPTION value=TN>TN</OPTION> <OPTION value=TX>TX</OPTION> 
                <OPTION value=UT>UT</OPTION> <OPTION value=VA>VA</OPTION> 
                <OPTION value=VT>VT</OPTION> <OPTION value=WA>WA</OPTION> 
                <OPTION value=WI>WI</OPTION> <OPTION value=WV>WV</OPTION> 
                <OPTION value=WY>WY</OPTION></SELECT></span></td>
                <td style="width: 100px; height: 18px;">
                </td>
            </tr>
        </table>
          </DIV>
</BODY>
</HTML>
Open in new window