效果图如下
html代码 :主要是selete下拉选项
代码语言:javascript复制<select id="bigCity">
<option>----请选择省份----</option>
<option>北京</option>
<option>上海</option>
<option>江苏</option>
</select>
<select class="city">
<option>----请选择城市----</option>
</select>
<select class="city">
<option>东城</option>
<option>西城</option>
<option>崇文</option>
<option>宣武</option>
<option>朝阳</option>
</select>
<select class="city">
<option>黄浦</option>
<option>卢湾</option>
<option>徐汇</option>
<option>长宁</option>
<option>静安</option>
</select>
<select class="city">
<option>南京</option>
<option>镇江</option>
<option>苏州</option>
<option>南通</option>
<option>扬州</option>
</select>
jquery 代码的实现思路是 一级下拉菜单选中第几个option就让对应的第几个二级菜单显示
代码语言:javascript复制 $("#bigCity").change(function(){
var index=$(this).get(0).selectedIndex
$(".city").hide().eq(index).show()
})
怎么样很简单吧!