[示例]省市二级联动菜单

作者在 2008-02-27 15:34:38 发布以下内容
<select id="province" onChange="xxx(this.options[this.selectedIndex].value);">
   <
option>请选择省份...</option
>
</
select
>

<
select id="city"
>
   <
option>请选择城市...</option
>
</
select
>
<
script language="javascript"
>
var 
citys
=[
[
'北京',[['北京'],['通县'],['昌平'],['大兴'],['密云'],['延庆'],['顺义'],['怀柔'],['平台'
]]],
[
'上海',[['上海市'],['嘉定'],['松江'],['南汇'],['奉贤'],['川沙'],['青浦'],['崇明'],['金山'
]]]
];

var 
prov document.getElementById('province'
);
var 
city document.getElementById('city'
);
city.style.display 'none'
;
for(var 
0citys.lengthi
++)
{
    
prov.options[i+1] = new Option(citys[i][0],i
);
}
function 
xxx(k
)
{
    
city.style.display ''
;
    for(var 
0<citys[k][1].lengthi
++)
    {
        
city.options[i+1] = new Option(citys[k][1][i],i
);
    }
}
</script>

简单示例 | 阅读 4852 次
文章评论,共0条
游客请输入验证码
浏览8584次
文章归档
最新评论