知识点:
1.onchange
2.SelectedIndex
3.数组
4.for循环
5.变量
奉上思维导图
下面是我制作的一个简单的二级联动流程图
二级联动制作步骤
首先我们创建两个select的标签,并且需要给这两个标签添加id,并且给第一个select添加onchange(selectedindex)事件,然后js中创建两个数组,然后通过ID获取到这两个标签。我们把第一个数组的长度赋给第一个select标签,然后通过for循环把第一个数组里的数据输出到第一个select标签里,设置var index=0,然后把第二个数组的长度赋给第二个select标签,再把第二个数组里下标为[0]的内容输出到第二个select标签里。创建个函数function change1(obj){},然后传参,把第二个数组的长度传给了第二个select标签,最后通过for循环把第二个数组的内容循环输出到第二个select标签里。
最后附上二级联动的源代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>二级联动菜单</title>
</head