个人js学习实例-下拉菜单onchange

版权声明：个人学习小总结 喜欢前端的同学可以加我qq512998324互相交流学习 https://blog.csdn.net/luckybuling/article/details/81749761

html：

<select name="" id="demo">
		<option value="01">吉祥01</option>
		<option value="02">吉祥02</option>
		<option value="03">吉祥03</option>
		<option value="04">吉祥04</option>
		<option value="05">吉祥05</option>
</select>

js：

<script>
		window.onload = function(){
			//获取id为demo的selsction元素
			var demo = document.getElementById('demo');
			//下拉菜单的改变时间是onchange
			demo.onchange = function(){
				//onchange触发后执行的代码块儿
				alert(this.value)；

				//可以使用swich语句
				switch（this.value）{
					//如果value的值是01执行语句1
					case "01":
							语句1；
					break;
					case "02":
							语句2；
					break;
					case "02":
							语句3；
					break;
					case "04":
							语句4；
					break;
					case "05":
							语句5；
					break;	
					//如果上述五个都不满足条件，执行default默认语句，既语句6
					 default:
        				语句6；
				}

			}
		}
	</script>