（實用篇）jQuery二級聯動代碼

標籤：lap   att   color   soft   java   text   選擇   sel   rip   

jquery二級聯動城市代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>jQuery 二級聯動</title> <script type="text/javascript" src="jquery-1.5.2.min.js"></script><script type="text/javascript"> var currentShowCity=0;$(document).ready(function(){   $("#province").change(function(){       $("#province option").each(function(i,o){           if($(this).attr("selected"))           {                        $(".city").hide();               $(".city").eq(i).show();               currentShowCity=i;           }       });   });   $("#province").change();});function getSelectValue(){        alert("1級="+$("#province").val());         $(".city").each(function(i,o){                            if(i == currentShowCity){            alert("2級="+$(".city").eq(i).val());         }           });}</script> </head>  <body>     <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> <INPUT TYPE="button" VALUE="點我" ONCLICK="getSelectValue();"></script></body> </html> 

以下是執行個體介面

（實用篇）jQuery二級聯動代碼