太简单,也没啥好说的,直接上代码
<script type="text/javascript"> $(document).ready(function(){ $("#province").change(function(){ $("#province option").each(function(i,o){ if($(this).attr("selected")) { $(".city").hide(); $(".city").eq(i).show(); } }); }); $("#province").change(); }); </script>
代码部份:
<select id="province" class="regularSelect"><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>
无论从字里行间都能看得出楼主是很用心的!