最近自己在做一个简单的网页课程表显示,刚开始时不知道怎么根据点击的select周数的改变,显示出想要的对应周数的课表。
<select id="1到4" οnchange="haha(this.options[selectedIndex].value)">
<option value="第 1周">第 1周</option>
<option value="第 2周">第 2周</option>
<option value="第 3周">第 3周</option>
<option value="第 4周">第 4周</option>
<option value="第 5周">第 5周</option>
<option value="第 6周">第 6周</option>
<option value="第 7周">第 7周</option>
<option value="第 8周">第 8周</option>
<option value="第 9周">第 9周</option>
<option value="第 10周">第 10周</option>
<option value="第 11周">第 11周</option>
<option value="第 12周">第 12周</option>
<option value="第 13周">第 13周</option>
<option value="第 14周">第 14周</option>
<option value="第 15周">第 15周</option>
<option value="第 16周">第 16周</option>
<option value="第 17周">第 17周</option>
<option value="第 18周">第 18周</option>
</select>
后来发现 其实 直接在select里加οnchange=“函数名(this.options[selectedIndex].value)“
function haha(m)
{
alert(m);
}
这样实现的效果就是实现了得到了所选择的value值。
接下来 在你想要得表单的class进行更改就可以控制显示哪些周的课程表,隐藏哪些周的课程表。