简单的二级联动效果

1. <select id="bigCity">
2.      <option>----请选择省份----</option>
3.      <option>北京</option>
4.      <option>上海</option>
5.      <option>江苏</option>
6.    </select>
7.    <select class="city">
8.        <option>----请选择城市----</option>
9.    </select>
10.     <select class="city">
11.       <option>东城</option>
12.       <option>西城</option>
13.       <option>崇文</option>
14.       <option>宣武</option>
15.       <option>朝阳</option>
16.     </select>
17.   <select class="city">
18.       <option>黄浦</option>
19.       <option>卢湾</option>
20.       <option>徐汇</option>
21.       <option>长宁</option>
22.       <option>静安</option>
23.     </select>
24.     <select class="city">
25.       <option>南京</option>
26.       <option>镇江</option>
27.       <option>苏州</option>
28.       <option>南通</option>
29.       <option>扬州</option>
30.     </select>

1.  $("#bigCity").change(function(){
2. 
3.      var index=$(this).get(0).selectedIndex
4. 
5.      $(".city").hide().eq(index).show()
6. 
7.  })