JavaScript实现级联菜单的方法
本文实例讲述了JavaScript实现级联菜单的方法。分享给大家供大家参考。具体实现方法如下：
<html>
<head>
<title>test</title>
<scripttype="text/javascript">
functionf()
{
varsel=document.getElementById("country");
varsel2=document.getElementById("city");
varcnarr1=newArray("bj","sh")
varcnarr2=newArray("beijing","shanghai")
varusaarr1=newArray("dc","ny")
varusaarr2=newArray("Washington","NewYork")
for(vari=sel2.length;i>=0;i--){
sel2.removeChild(sel2.childNodes[i]);
}
varop=document.createElement("option");
op.value="please";
op.text="please";
sel2.appendChild(op);
if(sel.value=='USA'){
for(i=0;i<2;i++){
op.value=usaarr1[i];
op.text=usaarr2[i];
sel2.appendChild(op);
}
}
elseif(sel.value=='CN'){
for(i=0;i<2;i++){
op.value=cnarr1[i];
op.text=cnarr2[i];
sel2.appendChild(op);
}
}
}
</script>
</head>
<body>
<selectonchange="f()"id='country'>
<option>please</option>
<optionvalue='USA'>America</option>
<optionvalue='CN'>China</option>
</select>
<selectid='city'>
<option>please</option>
</select>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
热门推荐
1 泰迪狗狗如何训练
3 狗狗训练图
5 狗狗训练方法
6 训练狗狗不咬人
8 敏捷训练狗狗
10 训练狗狗吃饭
11 泰迪狗狗训练
12 狗狗从多大开始训练
13 狗狗训练学校费用
14 怎么去训练狗狗
15 狗狗训练狗狗
16 狗狗训练教程
17 训练狗狗装死
18 泰迪狗狗的训练方法