學習JS的作品-----N級的聯動Select下拉框

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


<!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>小灰</title>
</head>

<body>

<form name="form1" method="post">
<select id="s1" name="s1"></select><select id="s2" name="s2"></select><select id="s3" name="s3"></select><select id="s4" name="s4"></select>
</form>
<script language="JavaScript">
<!--
function LianDong(arr, sel)
{
 var me = this;
 this.$ = function(o)
 {
  return document.getElementById(o);
 }

 this.sub = function (i, pid)
 {
  for (var j=i+1; j<sel.length; j++)
  {
   me.$(sel[j]).length = 0;
   me.$(sel[j]).options[0] = new Option("請選擇", "");
  }
  for ( var j = 0; j < arr.length; j++)
  {
   if (arr[j][1] == pid)
   {
    me.$(sel[i+1]).options[me.$(sel[i+1]).length] = new Option(arr[j][2], arr[j][0]);
   }
  }
 }

 this.init = function()
 {
  me.sub(-1,"root");
  for (var i=0; i<sel.length-1; i++)
  {
   me.$(sel[i]).onchange = function()
   {
    var i;
    for (i=0; me.$(sel[i])!=this; i++);
    me.sub(i, me.$(sel[i]).value);
   }
  }
 }

 this.init();
}

var array=new Array();
array[0]=new Array("華南地區","root","華南地區");
array[1]=new Array("華北地區","root","華北地區");
array[2]=new Array("上海","華南地區","上海");
array[3]=new Array("廣東","華南地區","廣東");
array[4]=new Array("徐家匯","上海","徐家匯");
array[5]=new Array("普托","上海","普托");
array[6]=new Array("廣州","廣東","廣州");
array[7]=new Array("湛江","廣東","湛江");
array[8]=new Array("湛江1","湛江","湛江1");
array[9]=new Array("湛江2","湛江","湛江2");
array[10]=new Array("廣州1","廣州","廣州1");
array[11]=new Array("廣州2","廣州","廣州2");

var select = new Array("s1","s2","s3","s4");

var liandong=new LianDong(array, select)
//-->
</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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。