js级联菜单--二级

来源：互联网发布：5g网络的发展前景编辑：程序博客网时间：2024/04/28 01:38

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>jilian_1.html</title>

function test1(){

var hljs = new Array("哈尔滨", "齐齐哈尔", "牡丹江", "绥化", "阿城");

var jls = new Array("长春", "吉林市", "榆树", "白城", "公主岭", "四平");

var lns = new Array("沈阳", "大连", "铁岭", "锦州", "盘锦");

var kong=new Array("请选择城市");

var temp;

var sheng = document.getElementById("sid1").value;

if(sheng=="hlj"){

temp=hljs;

}else if(sheng=="jl"){

temp=jls;

}else if(sheng=="ln"){

temp=lns;

}else if(sheng=="kong"){

temp=kong;

}

var s2Element =document.getElementById("sid2");

while(s2Element.hasChildNodes()){

s2Element.removeChild(s2Element.firstChild);

}

for(var i=0;i<temp.length;i++){

var shiName = temp[i];

var opts =document.createElement("option");

opts.innerText=shiName;

s2Element.appendChild(opts);

}

</script>

</head>

<body>

<option value="kong">请选择省份</option>

</select>

<option>请选择城市</option>

</select>

</body>

</html>