<!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=utf-8" /><title>無標題文檔</title></head><body style="text-align:center" onload="fill('province');">?。?lt;select id="province" onchange="fill('city');"></select><br /><br />市: ? <select id="city" ></select><br /><br /><script type="text/javascript">? ? ? ? ? ? ? var arr= new Array();//數據數組； ?//定義數據：結構為：id,名字，父id； ?arr[arr.length]=[1,'北京市',null]; ?arr[arr.length]=[2,'四川市',null]; ?arr[arr.length]=[3,'廣東市',null]; ?arr[arr.length]=[4,'北京市',1]; ?arr[arr.length]=[5,'成都市',2]; ?arr[arr.length]=[6,'廣州市',3]; ?arr[arr.length]=[7,'深圳市',3];? ? ? ? ? ? ?function fill(type){ ? if(type=="province") ? ? { var province=document.getElementById("province"); province.innerHTML="";//內容置空； var pro="<option value=''></option>"; //遍歷數組 for(var i=0;i<arr.length;i++){ var item=arr[i]; if(item[2]==null) ? ?{ pro+='<option value="+item[0]+">'+item[1]+'</option>'; } ? ? ? ?province.innerHTML=pro; } } else if(type=="city") { var curr=document.getElementById("province").value; if(curr == "") ? {return false;} ? var city=document.getElementById("city"); ? city.innerHTML=""; ? var citystr='<option value=""></option>'; ? for(var i=0;i<arr.length;i++) ? { ? var item=arr[i]; ? if(item[2]==curr) ? { ? citystr+='<option value="+item[0]+">'+item[1]+'</option>'; ? } ? city.innerHTML=citystr; ? } } }</script></body></html>幫我看看，調試不出來
聯動的省市下拉菜單
qq_小盛開_0
2016-10-28 19:46:44
