Javascript 关于国家选择改变国家

我有两个名单（一个是州），一个是（国家）。我希望这样，当用户选择阿尔伯塔省时，它会将国家设置为加拿大，依此类推

我有以下javascript

var states = new Array(12)

states[0] = "AB";
states[1] = "BC";
states[2] = "MB";
states[3] = "NB";
states[4] = "NL";
states[5] = "NT";
states[6] = "NV";
states[7] = "NS";
states[8] = "ON";
states[9] = "PE";
states[10] = "QC";
states[11] = "SK";
states[12] = "YK";

function oc(a)
{
  var o = {};
  for(var i=0;i<a.length;i++)
  {
    o[a[i]]='';
  }
  return o;
}

if(oc(document.forms[0].state_o.value) in states) {
    document.forms[0].country_o.options("Canada").selected = true;
}

var states=新数组（12）
状态[0]=“AB”；
国家[1]=“BC”；
国家[2]=“MB”；
国家[3]=“NB”；
国家[4]=“NL”；
国家[5]=“NT”；
国家[6]=“NV”；
国家[7]=“NS”；
表示[8]=“开”；
国家[9]=“PE”；
国家[10]=“QC”；
国家[11]=“SK”；
国家[12]=“YK”；
职能oc（a）
{
var o={}；
对于（var i=0；i我看不到对
state-o
的onchange事件的赋值，在该事件中可以实现对适当国家/地区的目标选择

这个解决方案怎么样？
我正在创建一个
对象
，其中状态通过选择框中的索引关联到相应的国家。通过调用
state-o
的
onchange
事件中的函数
selectCountry（）
，可以触发选择本身

var states = {
    "AB": 1,    // 1 = Canada
    "NY": 2,    // 2 = USA
    // ...
    "YK": 1
};

function selectCountry(sel) {
    document.getElementById("country_o").selectedIndex = states[sel.value];
}
​


<select name="state_o" onchange="selectCountry(this)">
    <option value=""></option>
    <option value="AB">Alberta</option>
    <option value="YK">Yukon Territory</option>
    <option value="NY">New York</option>
    <!-- ... -->
</select>

<select name="country_o" id="country_o">
    <option value=""></option>
    <option value="Canada">Canada</option>
    <option value="USA">USA</option>
    <!- ... -->
</select>

var状态={
“AB”：1，//1=加拿大
“NY”：2，//2=美国
// ...
“YK”：1
};
功能选择国家/地区（sel）{
document.getElementById（“country_o”）。selectedIndex=states[sel.value]；
}
​
阿尔伯塔省
育空地区
纽约
加拿大
美国

小例子

    <select name="country_o">
                                                    <option value=''></option>
                                                    <option value="Canada">Canada</option>
                                                    <option value="United States">United States</option>
                                                    <option value="Europe">Europe</option>
                                                </select>

var states = {
    "AB": 1,    // 1 = Canada
    "NY": 2,    // 2 = USA
    // ...
    "YK": 1
};

function selectCountry(sel) {
    document.getElementById("country_o").selectedIndex = states[sel.value];
}
​


<select name="state_o" onchange="selectCountry(this)">
    <option value=""></option>
    <option value="AB">Alberta</option>
    <option value="YK">Yukon Territory</option>
    <option value="NY">New York</option>
    <!-- ... -->
</select>

<select name="country_o" id="country_o">
    <option value=""></option>
    <option value="Canada">Canada</option>
    <option value="USA">USA</option>
    <!- ... -->
</select>