程序博客网 > 亚洲x站最新免费域名

用JavaScript实现自动添加元素和级联操作

来源：互联网发布：亚洲x站最新免费域名编辑：程序博客网时间：2024/05/17 20:33

实现功能：用两个下拉列表，省份和省份相对应的城市。当点击省份的时候，在第二个下拉列表中自动出现相对应的城市。该操作称为级联操作。

function a(){

var address = ["广东","江西"];
var objSelect = document.getElementById("s");//通过id=s来获取select对象
for(var i=0;i<address.length;i++){
var objOption = document.createElement("option");
objOption.innerText = address[i];
objOption.value = i+1;//用来级联时获取元素
objSelect.appendChild(objOption);
}
}

function area(){
var objOption1 = document.getElementById("s");
document.getElementById("abc").innerText = "";
if(objOption1.value == 2){
var area1 = ["南昌","九江","吉安","赣州"];
var objSelect = document.getElementById("abc");
for(var i=0;i<area1.length;i++){
var objOption = document.createElement("option");
objOption.innerText = area1[i];
objSelect.appendChild(objOption);
}
}

if(objOption1.value == 1){
var area1 = ["深圳","广州","东莞"];
var objSelect = document.getElementById("abc");
for(var i=0;i<area1.length;i++){
var objOption = document.createElement("option");
objOption.innerText = area1[i];
objSelect.appendChild(objOption);
}
}

}

在index.html中

<body onload="a()">

<select id="s" onchange="area()" ></select>

<select id="abc"></select>

</body>

然后在浏览器中访问你的网页即可出现效果

亚洲x站最新免费域名

亚洲x站最新免费域名

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子清理宿便体重下10公斤吃什么排宿便宿便症状肠道里的宿便怎么清理怎样清除宿便什么是宿便什么叫宿便宿便什么意思快速排宿便怎么清除宿便如何排除宿便如何排宿便清肠毒怎样清理宿便宿便怎么排怎样排宿便怎么清宿便排肠毒吃什么能排宿便肠清茶能清宿便吗怎样清宿便怎么排出宿便盐水排宿便怎么清除宿便排毒如何清宿便怎样排出宿便如何清肠排宿便怎么清宿便如何清除宿便如何清理宿便怎样能排出宿便清理宿便肠道宿便怎么清除宿便颜色宿便黑色怎样可以排宿便怎样快速清宿便吃啥排宿便宿便在哪里怎么清肠喝淡盐水6斤排宿便淡盐水清肠排宿便危害常润茶能清理宿便吗