js省市县三级联动效果实例

本文实例讲述了js实现简单的省市县三级联动效果。分享给大家供大家参考，具体如下：

效果图：

实现代码：

*{ padding:0; margin:0}
html,body{ height: 100%; width: 100%; position: relative; font-size:14px;}
.city{ margin:20px 200px; }
.selectbox{ height:50px; width:500px;background:#999;}
.selectbox select{ height:30px; width:120px; margin-right:10px; border:1px solid #999; line-height:30px;}



 
  
效果1：设置省市县不同的默认项
  
 
 
 
  
效果1：设置省市县相同默认项
  
 
 
 
  
效果2：只显示省份，省份选择后显示城市选择，县选择同理
  
 
 

大家可以参考专题：《Javascript级联菜单特效》《jQuery级联菜单特效》

以上就是本文的全部内容，希望对大家学习Javascript程序设计有所帮助。