js联动分析加解析

js联动解析
HTML
首先设置select标签，然后设置onchange事件（onchange 事件用于单选框与复选框改变后触发的事件。）
在js中声明数组
声明一个变量 让它的值为空，用来传递二维数组的值，设置入口函数，分别根据id名称获取到相对应的select标签，然后让一维数组的长度等于第一个selete的长度 （为了下拉框不显示空白）设置一个for循环 循环一维数组的长度并将一维数组相对应的下边的值输出到第一个select标签中options中
设置让一维数组的下标等于第一个select的长度，在设置下标为0让默认显示为下标为0的内容
二维数组
然后调用change事件设置命名，将声明空的变量等于这个change事件的名称将这个事件赋值给这个变量。调用这个事件，让它等于二维数组的长度，设置for循环 ，循环二维数组的中的内容，然后获取调用事件，根据这个事件的下标，寻找相对应的二维数组中的值将他输出到下拉框中。
三维数组
给第二个select标签添加onchange事件命名，并在声明一个空的变量，调用这个事件 让这个空的变量等于这个事件的命名 ，把这个事件的值赋值给这个空的变量，根据第一个空的变量传的数据，然后调用第二个onchange事件，根据这个事件的下标，寻找相对应的三维数组中的值将他输出到下拉框中
四维数组
给第三个select标签添加onchange事件，命名。然后根据第一个变量与第二个变量的值，调用第三个onchange事件，把相对应的数据输出到第四个select标签中.设置for循环，循环四维数组中的内容，获取第一个，第二个，第三个事件传回的数据，找到相对应的下标，并将相对应的值输出到第四个select中！
思维导图

联动流程图