js动态设置select下拉菜单的默认选中项实例_layui的select怎么默认选中 - CSDN文库

11 浏览量更新于2023-05-11 评论收藏 30KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

js动态设置动态设置select下拉菜单的默认选中项实例下拉菜单的默认选中项实例

今天小编就为大家分享一篇js动态设置select下拉菜单的默认选中项实例，具有很好的参考价值，希望对大家有

所帮助。一起跟随小编过来看看吧

利用javascript设置select下拉菜单的选中项。

代码实例如下：代码实例如下：

<html>

<head>

<title>下拉菜单</title>

<script type="text/javascript">

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"为默认选中

}

}

</script>

</head>

<body>

<select name="select" id="selID">

<option value="0">下拉菜单一</option>

<option value="1">下拉菜单二</option>

<option value="2" selected>下拉菜单三</option>

<option value="3">下拉菜单四</option>

<option value="4">下拉菜单五</option>

</select>

<input type="button" id="bt" value="查看效果"/>

</body>

</html>

以上代码实现：以上代码实现：

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

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

以上这篇js动态设置select下拉菜单的默认选中项实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大

家多多支持我们。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

weixin_38679178

粉丝: 4
资源: 919

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈