js下拉框

來源:互聯網
上載者:User
js|下拉

<html>
<BODY>
<SELECT NAME="s1"><option>需要JavaScript才能正確顯示</SELECT>
<SELECT NAME="s2"></SELECT>
<SELECT NAME="s3"></SELECT>
<SELECT NAME="s4"></SELECT>
<SCRIPT LANGUAGE="JavaScript">
<!--
//選擇框的名字
selector = [ "s1", "s2", "s3", "s4" ];
//選擇項: "名字", "值", 子選擇
menu = [
"地球","1",
 [
 "中國","86",
  [
  "北京","BJ",
   [
   "--","1",null
   ],
  "四川","SC",
   [
   "成都","28",null,
   "樂山","",null,
   "攀枝花","",null,
   "自貢","",null,
   "德陽","",null,
   "綿陽","",null
   ]
  ],
 "米國","1",
  [
  "加利福尼亞","CA",
   [
   "舊金山","1",null,
   "洛杉磯","2",null
   ],
  "華盛頓","WA",
   [
   "西雅圖","seattle",null
   ]
  ]
 ],
"火星","2",
 [
 "大峽穀","86",
  [
  "小山丘","BJ",
   [
   "A地區","28",null,
   "B地區","",null,
   "C地區","",null
   ]
  ]
 ]
];
 
function wizz(level)
{
 if( level == 0 )
  a = menu;
 else
 {
  str = "menu";
  for( i=0; i<level; i++ )
   str += "[" + (document.all[selector[i]].selectedIndex * 3 + 2)  + "]";
  a = eval(str);
 }
 if( a == null ) return;
 s = document.all[selector[level]];
 i = s.length;
 while( i > 0 ) s.options[--i] = null;
 while( i < Math.floor(a.length/3) )
  s.options[i] = Option( a[i*3], a[i++*3+1] );
 s.onchange = Function("wizz(" + (level+1) + ")");
 wizz(level+1);
}
wizz(0);
//-->
</SCRIPT>
</BODY>
</HTML>



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。