//創建兩個下拉列表 select標簽 是下拉列表   var sel = document.createElement("select");   var sel1 = document.createElement("select");   //添加到body   document.body.appendChild(sel);   document.body.appendChild(sel1);//   創建一個數組   var firstSelectArr = ["未選擇","醫院","學校","公司","星座"];   var detailFirstArr = ["未選擇","院長","主任","大夫","護士"];   var detailSecondArr = ["未選擇","校長","老師","學生","主任"];   var arr2 = ["未選擇","CEO","職員","主任","下屬"];   var arr3 = ["未選擇","白羊座","射手座","處女座","天秤座"];   function addChild(arr,parentN){    //封裝函數    for(var i=0;i<arr.length;i++){    //創建 option節點    var opt = document.createElement("option");    //設置顯示文字    opt.innerText = arr[i];    //把節點添加到sel中    parentN.appendChild(opt);       }   }   //調用函數 給第一個select添加option   addChild(firstSelectArr,sel)      //循環創建多個下拉選項      //給第一個下拉列表添加onchange事件   //onchange事件：當元素的值發生改變時，觸發此事件。   sel.onchange = function (){//    selectdIndex.下拉列表的索引     console.log(sel.selectedIndex);     switch (sel.selectedIndex){      case 0:      alert("未選擇");      break;      case 1:      delectOldOpt();      addChild(detailFirstArr,sel1);      break;      case 2:      delectOldOpt();      addChild(detailSecondArr,sel1);      break;      case 3:      delectOldOpt();      addChild(arr2,sel1);      break;      case 4:      delectOldOpt();     addChild(arr3,sel1);      break;     }              }   //刪除select原來的option   function delectOldOpt(){    //到這刪除下拉列表中的選項    for(var i=sel1.childNodes.length-1;i>=0;i--){     //刪除選項     sel1.removeChild(sel1.childNodes[i]);    }       }