使用JavaScript怎么动态设置select下拉菜单的默认选中项

本篇文章为大家展示了使用JavaScript怎么动态设置select下拉菜单的默认选中项，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

成都创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于成都网站建设、成都网站制作、淮阳网络推广、成都微信小程序、淮阳网络营销、淮阳企业策划、淮阳品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联公司为所有大学生创业者提供淮阳建站搭建服务，24小时服务热线：18982081108，官方网址：www.cdcxhl.com

代码实例如下：

 
 
 
 
 
window.onload=function(){ 
 var osel=document.getElementById("selID"); //得到select的ID
 var opts=osel.getElementsByTagName("option");//得到数组option
 var obt=document.getElementById("bt");
 obt.onclick=function(){
 opts[3].selected=true;//设置option第4个元素，即value="3"为默认选中
 }
} 
 
 
 
 
下拉菜单一 
下拉菜单二 
下拉菜单三 
下拉菜单四
下拉菜单五 
 

 

以上代码实现：

1、初始时选中下拉菜单三；

2、点击按钮可以设置select下拉菜单的默认选中项---下拉菜单四。

JavaScript有什么特点

1、js属于一种解释性脚本语言；2、在绝大多数浏览器的支持下，js可以在多种平台下运行，拥有着跨平台特性；3、js属于一种弱类型脚本语言，对使用的数据类型未做出严格的要求，能够进行类型转换，简单又容易上手；4、js语言安全性高，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失；5、基于对象的脚本语言，js不仅可以创建对象，也能使用现有的对象。

上述内容就是使用JavaScript怎么动态设置select下拉菜单的默认选中项，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。