js联动分析

js联动分析

1. js三级联动实现原理
   html：
   先设置一个一级联动的select标签设置id，在设置onchange事件

 onchange 事件会在域的内容改变时发生

接下来在设置二级跟三级的select标签，但是不用添加oncheange事件
js：
设置数组一级就是一维数组，二级就是二维数组，三级就是三维数组
设置好所用的一级到三级数组后就执行一级到三级显示的内容

2. 三级联动流程图
   
3. js三级联动html代码：

<!-- 一级 -->
		<select id="chose1" onchange="change(selectedIndex)">
		</select>
		<!-- 二级 -->
		<select id="chose2"></select>
		<!--三级-->
		<select id="chose3"></section>

4. js联动一级到三级数组的方法

var x = ["请选择...", "河南", "山东", "山西"];
		var y = [
			["请选择..."],
			[