网页制作select属性切换,得到所选择的value

    最近自己在做一个简单的网页课程表显示,刚开始时不知道怎么根据点击的select周数的改变,显示出想要的对应周数的课表。



				<select id="1到4"  onchange="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里加onchange=“函数名(this.options[selectedIndex].value)“

			function  haha(m)
			{
				 alert(m);
			}

这样实现的效果就是实现了得到了所选择的value值。

接下来 在你想要得表单的class进行更改就可以控制显示哪些周的课程表,隐藏哪些周的课程表。

 

猜你喜欢

转载自blog.csdn.net/qq_40574571/article/details/79815367