<body>
<select id= "province" ></select>
<select id= "City" ></select>
<script type= "Text/javascript" >
(function () {
var provinceary = ["Sichuan", "Guangdong", "Hunan"];
var cityary = [
["Chengdu", "Mianyang", "Deyang"],
["Guangzhou", "Shenzhen", "Dongguan"],
["Changsha", "Hengyang", "Xiangtan"]
];
var fillselect = function (ary,st) {
st.options.length = 0;
Ary.foreach (function (value,i) {
var opt = document.createelement ("option");
Opt.appendchild (document.createTextNode (value));
Opt.value = i;
St.appendchild (opt);
});
}
var provinceselect = document.getElementById ("province");
Fillselect (Provinceary,provinceselect);
Fill the city
var cityselect = document.getElementById ("city");
Fillselect (Cityary[provinceselect.value],cityselect);
Provinceselect.onchange = function () {
Fillselect (Cityary[this.value],cityselect);
}
})();
</script>
</body>
Second-level linkage