下拉框連動

這個網上來的
           
    
$(document).ready(function(){
        $("#province").change(function(){
            $("#province option").each(function(i,o){
                if($(this).attr("selected"))
                {
                    $(".city").hide();
                    $(".city").eq(i).show();
                }
            });
        });
        $("#province").change();
    });
           
        
<div>
		<select id="province">
       <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>
	</div>