在公司自学前端之选择器

选 择 器

<script>
			function linka(){//跳转判断条件
				if(link.value==1)//判断value值等于1；
				window.location="csz.html";//跳转本地的猜数字网页；
				if(link.value==2)//判断value值等于2；
				window.location="jsq.html";//跳转本地的计数器网页；
				if(link.value==3)//判断value值等于3；
				window.location="jsq1.html";//跳转本地的计算器网页；
			}
			
		</script>
		<div><select id="link" class="select">
		     <!-- ↑ 下拉选择框 设置id用于上面的function函数中的if判断；  -->
			<option value="">请选择</option>
			<!-- ↑ 初始空白选项，加入了文字用于提示用户使用 -->
			<option value="1">猜数字</option>
			<!-- ↑ 选项1 value=1用于function中的if判断； -->
			<option value="2">计数器</option>
			<!-- ↑ 选项2 value=2用于function中的if判断； -->
			<option value="3">计算器</option>
			<!-- ↑ 选项3 value=3用于function中的if判断 -->
		</select>
		
		<input type="button" value="确定" onclick="linka(this)" class="enter"/>
		<!-- ↑ 设置了一个按钮用于提交value的值来给if函数判断； -->
		</div>
		<br>