<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="../Day26/doctool.js"></script>
<script type="text/javascript">
function selCity()
{
var arr = [['--选择城市--']
,["海淀区","朝阳区","东城区","西城区"]
,["沈阳","大连","鞍山","抚顺"]
,["济南","青岛","烟台","威海"]
,["洛阳","郑州","开封","南阳"]];
var index = byId("selid").selectedIndex;
//alert(byId("selid").options[index].innerText);
var subselNode = byId("subselid");
var citys = arr[index];
subselNode.options.length = 0;
/*
for(var x=0; x<subselNode.options.length; )
{
alert(x+".."+subselNode.options[x].innerText+"...."+subselNode.options.length);
subselNode.removeChild(subselNode.options[x]);
}
*/
for(var x=0; x<citys.length; x++)
{
var optNode = doc.createElement("option");
optNode.innerText = citys[x];
subselNode.appendChild(optNode);
}
}
</script>
</head>
<body>
<select id="selid" οnchange="selCity()">
<option>--选择省市--</option>
<option>北京</option>
<option>辽宁</option>
<option>山东</option>
<option>河南</option>
</select>
<select id="subselid">
<option>--选择城市--</option>
</select>
</body>
</html>