希望实现的功能:当用户做板块选择时,分类选项栏会显示相应的可选选项
下面是html部分:
下面是js部分:
算法思路:
- 分类选项栏会罗列出全部的选项,不过在一开始时,所有选项均为“display:none”不予显示。
- 在用户每次点击板块选项栏时触发js,x选择器得到板块选项栏的索引值,y选择器得到所有的选项元素。
- 根据x得到的不同索引值,创建不同的数组,数组中包含的是要显示的选项的排序号
- js将从1-40(选项个数最大值)进行遍历,判断是否存在于数组中,如果存在即显示该条选项,否则不显示。并且会将最后一个选项作为默认选项。
- hyherror()函数主要为了处理当用户什么都不选时,默认选项为空,导致后续的操作错误。该事件绑定于两个按钮上,点击按钮时会先判断用户是否没有选择正确的选项,如果没有,则会给选项卡赋默认值。如果否,则正常操作按钮。
keys:
- getElementsByName获取多个dom
- selectedIndex属性,<select>的这个属性可以避免我们需要更复杂的代码进行传值,它告诉了我们第一个select选择了什么
- selected="selected"定义select标签默认值