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

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

成都创新互联专注于网站建设,为客户提供成都网站设计、成都做网站、网页设计开发服务,多年建网站服务经验,各类网站都可以开发,品牌网站建设,公司官网,公司展示网站,网站设计,建网站费用,建网站多少钱,价格优惠,收费合理。

代码实例如下:

 
 
 
下拉菜单 
 
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、初始时选中下拉菜单三;

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

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

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

JavaScript有什么特点

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

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


当前文章:使用JavaScript怎么动态设置select下拉菜单的默认选中项-创新互联
文章URL:http://bzwzjz.com/article/iojjj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 定制网站建设 营销网站建设 成都模版网站建设 响应式网站建设 成都网站建设公司 成都网站制作 网站设计 成都网站建设 定制级高端网站建设 成都网站设计 高端网站设计 营销网站建设 重庆电商网站建设 成都网站设计 企业网站建设公司 做网站设计 手机网站建设套餐 教育网站设计方案 成都企业网站建设 重庆企业网站建设 成都企业网站设计 网站建设