所谓联动就是本身的改变受上下级元素影响,常见的多级联动运用在选择年月日,选择国家地区,购物筛选等等,本案例实现的是年月日的三级联动,原生js实现,效果如上图。
大多说多级联动数据都是来自后台数据库的多维数组或者本地数据表,道理大同小异,无外乎js判断上下级关系,获取子父索引关系。本例的年月日也是如此。
年和月好解决,不受谁影响,主要是每月天数受年月影响,闰年2月29天,平年29。1、3、5、7、8、10、12月31,4、6、9、11月30天,在下拉列表显示日之前先判断年月。
好,大体思路如此,看看主要代码:
<form name=form1>
<select name=YYYY onchange="YYYYMM(this.value)">
<option value="">年</option>
</select>
<select name=