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>
再查看控制台的打印信息
好了,就是这样了,赶紧试试吧