摘要:jquery關聯式選單
<HTML>
<HEAD>
<script type="text/javascript" src="jquery-1.2.1.pack.js"></script>
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript" src="jquery.tablesorter/jquery.tablesorter.js"></script>
<script>
$(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>
</HEAD>
<BODY>
<select id="province">
<option>----台灣地區----
<option>北部
<option>中部
<option>南部
</select>
<select class="city">
<option>----城市----
</select>
<select class="city">
<option>基隆</option>
<option>台北</option>
<option>桃園</option>
</select>
<select class="city">
<option>新竹</option>
<option>台中</option>
<option>彰化</option>
<option>嘉義</option>
</select>
<select class="city">
<option>台南</option>
<option>高雄</option>
<option>屏東</option>
</select>
</BODY>
</HTML>
