<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="" method=="post" name="myform">
<select id="selProvince" οnchange="changeCity()">
<option>--省份--</option>
<option value="0">河北省</option>
<option value="1">河南省</option>
<option value="2">山东省</option>
</select>
<select id="selCity">
<option>--市--</option>
</select>
</form>
<script type="text/javascript">
function changeCity(){
//获取用户选择的省份
var chooseProvince = document.getElementById("selProvince").value;
var cites=new Array(3);
cites[0] = new Array("唐山市","保定市");
cites[1] = new Array("郑州市","信阳市");
cites[2] = new Array("菏泽市","淄博市");
var selectEleNode = document.getElementById('selCity');
selectEleNode.options.length = 0;
for(var i =0; i < cites.length;i++){
if (chooseProvince == i){
for(var j=0;j<cites[i].length;j++){
var textNode = document.createTextNode(cites[i][j]);
var optionEleNode = document.createElement("option");
optionEleNode.appendChild(textNode);
selectEleNode.appendChild(optionEleNode);
}
}
}
}
</script>
</body>
</html>
效果图: