js获取select下拉菜单默认选中项源码实例

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > js获取select下拉菜单默认选中项源码实例

本章节介绍一下如何获取select下拉菜单的默认选中项的值，特别提醒一下，这里要获取的是默认选中项的值，而不是当前选中项的值，当然，默认选中项和当前选中项有可能是同一个。

代码实例如下:

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

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>51前端</title>
<script type="text/javascript"> 
function getDefaultSelectedOption(selectId) { 
  var dom,selectId=selectId.replace(/^#/,''),opts; 
  try{
    var osel=document.getElementById(selectId);
    opts=osel.getElementsByTagName('option'); 
    for(var i in opts){ 
      if(opts[i].defaultSelected){ 
        dom = opts[i];
        break; 
      } 
    } 
  } 
  catch(e){} 
  return dom; 
}
window.onload=function(){
  document.getElementById('btn').onclick=function(){ 
    alert((getDefaultSelectedOption('sel')).value); 
  }
}
</script> 
</head>
<body> 
<select id="sel"> 
  <option value="1">51前端一</option> 
  <option selected>51前端二</option> 
  <option value="3">51前端三</option> 
</select> 
<button id="btn">查看效果</button> 
</body> 
</html>

代码描述：js获取select下拉菜单默认选中项。js获取select下拉菜单默认选中项源码实例

下载全部收藏

155 207

用户评论

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