久久婷婷成人综合色,天堂中文在线最新版地址,欧美精品在线观看

首頁 > 博客列表 > JS--特效二級聯(lián)動

博主信息

博文 250

粉絲 3

評論 0

訪問量 381451

專題推薦

更多>

相關(guān)推薦

熱門教程

更多>

相關(guān)教程

實例

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
 <select name="" id="" onchange="func(this)">
  <option value="">--請選擇--</option>
  <option value="0">廣東</option>
  <option value="1">河南</option>
  <option value="2">廣西</option>
  <option value="3">北京</option>
 </select>省
 <select name="" id="cid">
  <option value="">--請選擇--</option>
 </select>市
 
</body>
<script>
var cid = document.getElementById('cid');
function func(obj){
 // alert(obj);
 // alert(obj.value);
 val = obj.value;
 //根據(jù)我們傳遞過來的value值來分配二維數(shù)組
 city = [];
 city[0] = ['廣州','深圳','東莞','惠州','佛山','珠海','中山','汕頭'];
 city[1] = ['鄭州','商丘','開封','新鄉(xiāng)','洛陽'];
 city[2] = ['南寧','桂林','北海','欽州','柳州'];
 city[3] = ['朝陽','海淀','東城','西城','昌平','大興','順義'];
// city[0][0]=['越秀區(qū)','天河'];
 // console.log(city);
 // console.log(city[val][0])
 // console.log(city[val][1])
 // console.log(city[val][2])
 // console.log(city[val][3])
 // console.log(city[val][4])
 // console.log(city[val][5])
 // console.log(city[val][6])
 // console.log(city[val][7])
 // var op = new Option('欽州',0);
 // console.log(op);
 // cid.add(op);
 //清空原來內(nèi)容 
 cid.length = 1;

 //循環(huán)創(chuàng)建option標(biāo)簽
 for(var  i = 0;i<city[val].length;i++){
  //console.log(city[val][i]);
  op = new Option(city[val][i],i);
  //console.log(op);
  cid.add(op);
 }

}
</script>
</html>

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例