关于在ie7,8等低版本浏览器的获得<select>元素的值的的兼容性问题

最新推荐文章于 2022-06-24 11:45:44 发布

weixin_33725239

最新推荐文章于 2022-06-24 11:45:44 发布

阅读量88

点赞数

原文链接：http://www.cnblogs.com/meij/p/4912624.html

版权

通过如下代码展示解决该兼容性方案！

第一种：check2函数里面的方案可以针对option没有设置value和设置了value的情况
<html>
<head>
<meta charset="utf-8">
<title>select</title>
</head>

<select name="select2" id="select2">
<option value="Test1" selected="selected">Test1</option>
<option value="Test2">Test2</option>
</select>

<input type="button" value="我要试试" οnclick="check2()">
<script>

function check1() {
//当上面option里没有设置value属性时
var value = document.getElementById("select1").options[document.getElementById("select1").options.selectedIndex].value,
text = document.getElementById("select1").options[document.getElementById("select1").options.selectedIndex].text;
console.log(value);
console.log(text);

}
function check2() {
//当上面option里设置value属性时
var value = document.getElementById("select2").options[document.getElementById("select2").options.selectedIndex].value,
text = document.getElementById("select2").options[document.getElementById("select2").options.selectedIndex].text;
console.log(value);
console.log(text);

}

</script>
</body>

</html>

第二种：check1函数里面的方案可以针对option设置了value的情况

<html>
<head>
<meta charset="utf-8">
<title>select</title>

</head>

<input type="button" value="我要试试" οnclick="check1()">
<script>

function check1(){
//当上面option里设置了value属性时
var select = document.getElementById("select1").value;
console.log(select);
console.log(document.getElementById("select1").options.selectedIndex);
}

</script>
</body>

</html>

转载于:https://www.cnblogs.com/meij/p/4912624.html

weixin_33725239

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于在ie7,8等低版本浏览器的获得<select>元素的值的的兼容性问题

通过如下代码展示解决该兼容性方案！第一种：check2函数里面的方案可以针对option没有设置value和设置了value的情况<html><head> <meta charset="utf-8"> <title>select</title></head><body> <!-- A...
复制链接

扫一扫