js联动分析
- js三级联动实现原理
html:
先设置一个一级联动的select标签设置id,在设置onchange事件
onchange 事件会在域的内容改变时发生
接下来在设置二级跟三级的select标签,但是不用添加oncheange事件
js:
设置数组一级就是一维数组,二级就是二维数组,三级就是三维数组
设置好所用的一级到三级数组后就执行一级到三级显示的内容
- 三级联动流程图
- js三级联动html代码:
<!-- 一级 -->
<select id="chose1" onchange="change(selectedIndex)">
</select>
<!-- 二级 -->
<select id="chose2"></select>
<!--三级-->
<select id="chose3"></section>
- js联动一级到三级数组的方法
var x = ["请选择...", "河南", "山东", "山西"];
var y = [
["请选择..."],
[