没有合适的资源?快使用搜索试试~ 我知道了~
js动态设置select下拉菜单的默认选中项实例
8 下载量 82 浏览量
2020-12-02
17:00:06
上传
评论
收藏 33KB PDF 举报
温馨提示
试读
1页
利用javascript设置select下拉菜单的选中项。 代码实例如下: <!--js动态设置select下拉菜单的默认选中项--> <html> <head> <title>下拉菜单</title> [removed] [removed]=function(){ var osel=document.getElementById("selID"); //得到select的ID var opts=osel.getElementsByTagName("option");//得到数组option var obt=document.getE
资源推荐
资源详情
资源评论
js动态设置动态设置select下拉菜单的默认选中项实例下拉菜单的默认选中项实例
利用javascript设置select下拉菜单的选中项。
代码实例如下:代码实例如下:
<!--js动态设置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下拉菜单的默认选中项实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大
家多多支持软件开发网。
资源评论
weixin_38590355
- 粉丝: 7
- 资源: 935
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功