网站建设资讯

NEWS

网站建设资讯

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

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

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

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

JavaScript有什么特点

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

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


本文题目:使用JavaScript怎么动态设置select下拉菜单的默认选中项
标题URL:http://cdweb.net/article/ihphch.html