获取select下拉框内option中的value与text的值

1.获取value

js

<script>
	 function getValue(value) {
	 alert("你的选择："+value);
	 }
	 
</script>

菜单

   <select name="grade" id="number" onChange="getValue(this.value)">
    		<option selected>请选择年级</option>
    		<option value="2016">2016级</option>
    		<option value="2017">2017级</option>
    		<option value="2018">2018级</option>
    		<option value="2019">2019级</option>
    	</select>

2.获取text的值

原文地址如下

http://www.cnblogs.com/yugege/p/4305051.html

js

<script>
	window.onload = function() {
		//首先获得下拉框的节点对象；
		var select = document.getElementById("s1");
		
		//1.如何获得当前选中的值？：
		var value = select.value;
	
		//2.如何获得该下拉框所有的option的节点对象
		var options = select.options;
		//注意：得到的options是一个对象数组

		//3.如何获得第几个option的value值?比如我要获取第一option的value,可以这样：
		var value1 = options[0].value;
		//4.如何获得第几个option的文本内容?比如我要获取第一option的文本,可以这样：
		var text1 = options[0].text;

		//5.如何获得当前选中的option的索引？
		var index = select.selectedIndex;

		//6.如何获得当前选中的option的文本内容？
		//从第2个问题，我们已经获得所有的option的对象数组options了
		//又从第5个问题，我们获取到了当前选中的option的索引值
		//所以我们只要同options[index]下标的方法得到当前选中的option了
		var selectedText = options[index].text;
	}
</script>

菜单

书籍分类:
<select id="s1">
	<option value="1">教学类</option>
	<option value="2">技术类</option>
</select>