网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

使用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下拉菜单的默认选中项-创新互联
网站路径:http://bjjierui.cn/article/iojjj.html

其他资讯