js怎样通过class获取多个下拉框选择的value

 将多个select标签赋上class同一个属性值

        <select name="sel" class="sel">
		<option value="1" >1</option>
		<option value="2" selected>2</option>
		<option value="3">3</option>
		</select>

		<select name="sel" class="sel">
		<option value="4" >4</option>
		<option value="6" selected>6</option>
		<option value="5">5</option>
		</select>

		<select name="sel" class="sel">
		<option value="7" >7</option>
		<option value="8" selected>8</option>
		<option value="9">9</option>
		</select>

通过点击事件

<input type="button" value="获取" onclick="getSelectValue()" />

编写点击事件方法

<script language="javascript">
			function getSelectValue(){
     			 var se =document.getElementsByName("sel");
				for(var j=0;j<se.length;j++){  
					var option=se[j].getElementsByTagName("option");
	                for(var i=0;i<option.length;i++){ 
						if(option[i].selected==true) { 
							console.log(option[i].value);
　　　　　　				}
	                }
                 } 
			}
</script>

再查看控制台的打印信息

好了，就是这样了，赶紧试试吧