select下拉菜单默认选中项源码下载

本章节介绍一下如何获取select下拉菜单默认选中项的索引，尽管默认选中项在默认条件下是第一个显示的，但是并非它在option项中是第一个排列的，下面就通过代码实例介绍一下如何实现此功能。

代码如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html> <html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="https://www.51qianduan.com/" /> 
<title>51前端</title> 
<script type="text/javascript"> 
window.onload=function(){ 
  var osel=document.getElementById("sel"); 
  var oshow=document.getElementById("show");
  function getIndex(obj){
    var opts=obj.options;
    var num=0;
    for(var index=0;index<opts.length;index++){
      if(opts[index].defaultSelected){
        num=index;
        return num;
      }
    }
  }
  oshow.innerHTML=getIndex(osel);
} 
</script> 
</head> 
<body> 
<div id="show"></div>
<select id="sel"> 
  <option>51前端一</option> 
  <option>51前端二</option> 
  <option selected>51前端三</option> 
  <option>51前端四</option> 
  <option>51前端五</option> 
</select> 
</body> 
</html>

代码描述：select下拉菜单默认选中项。select下拉菜单默认选中项源码下载

下载全部收藏

112 149

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册