话不多说 上代码
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<select name="" id="" onchange="func(this)">
<option value="">--请选择--</option>
<option value="0">北京</option>
<option value="1">河北</option>
<option value="2">河南</option>
<option value="3">广州</option>
</select>省
<select name="" id="cid">
<option value="">--请选择--</option>
</select>市
</body>
<script>
//获取市的id
var cid = document.getElementById('cid');
console.log(cid);
function func(obj)
{
//获取省份的value 值
var sid = obj.value;
//根据省份value 声明一个市
var city = [];
city[0] = ['朝阳区','昌平区','大兴区','密云区'];
city[1] = ['石家庄','唐山','张家口'];
city[2] = ['郑州','洛阳','开封'];
city[3] = ['白云区','越秀区','花都区'];
//固定长度 也就是清空原来内容
cid.length = 1;
for(i=0;i<city[sid].length;i++)
{
op = new Option(city[sid][i],i); //声明一个option
cid.add(op); //添加
}
}
</script>
</html>