使用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、初始时选中下拉菜单三；
.jpg)
2、点击按钮可以设置select下拉菜单的默认选中项---下拉菜单四。
.jpg)
JavaScript有什么特点
1、js属于一种解释性脚本语言；2、在绝大多数浏览器的支持下，js可以在多种平台下运行，拥有着跨平台特性；3、js属于一种弱类型脚本语言，对使用的数据类型未做出严格的要求，能够进行类型转换，简单又容易上手；4、js语言安全性高，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失；5、基于对象的脚本语言，js不仅可以创建对象，也能使用现有的对象。
上述内容就是使用JavaScript怎么动态设置select下拉菜单的默认选中项，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。
网站栏目：使用JavaScript怎么动态设置select下拉菜单的默认选中项
文章源于：
http://kswjz.com/article/ihphch.html
扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
