js select下拉菜单默认选中项设置

发布时间:2020-09-14编辑:脚本学堂
有关js select下拉菜单默认选中项的设置方法,js动态设置select下拉菜单的默认选中项。

select下拉菜单的选中项设置:
 

复制代码 代码示例:
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<title>脚本学堂 - www.jb200.com</title> 
<script type="text/javascript">
window.onload=function(){
  var osel=document.getElementById("sel");
  var opts=osel.getElementsByTagName("option");
  var obt=document.getElementById("bt");
  obt.onclick=function(){
    opts[3].selected=true;
  }
}
</script>
</head>
<body>
<select name="sel" id="sel">
<option value="0">脚本学堂一</option>
<option value="1">脚本学堂二</option>
<option value="2" selected>脚本学堂三</option>
<option value="3">脚本学堂四</option>
<option value="4">脚本学堂五</option> 
</select>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>

点击按钮设置select下拉菜单的默认选中项。