JavaScript关于select的相关操作说明


Posted in Javascript onJanuary 13, 2010

一、 插入option
1、DOM方法
var oSelectYear = document.getElementById("SelectYear");
var op = document.createElement("option");
op.innerHTML = "2010";
op.value = "2010";
oSelectYear.appendChild(op);

2、new Option方法
var oSelectMonth = document.getElementById("SelectMonth");
oSelectMonth.options.add(new Option(1, 1));
oSelectMonth.options.add(new Option(2, 2));

二、 清空option
var oSelectMonth = document.getElementById("SelectMonth");
oSelectMonth.options.length = 0; //清空Select里面的options

三、 设置默认选中option
var oSelectMonth = document.getElementById("SelectMonth");
//oSelectMonth.selectedIndex = 1; //方法一:默认选中第二项
//setTimeout(function() { oSelectMonth.selectedIndex = 1; }, 0); //用setTimeout延迟是为了防止dom渲染问题
// oSelectMonth.options[1].selected = true; //方法二
oSelectMonth.options[1].setAttribute("selected", "true"); //方法三:比较推荐的用setAttribute来设置

Javascript 相关文章推荐
脚本收藏iframe
Jul 21 Javascript
JavaScript XML实现两级级联下拉列表
Nov 10 Javascript
JavaScript 组件之旅(三):用 Ant 构建组件
Oct 28 Javascript
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
Aug 28 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
Oct 15 Javascript
设置jsf的选择框h:selectOneMenu为不可编辑状态的方法
Jan 07 Javascript
Javascript实现获取窗口的大小和位置代码分享
Dec 04 Javascript
JS使用eval解析JSON的注意事项分析
Nov 14 Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 Javascript
WEB开发之注册页面验证码倒计时代码的实现
Dec 15 Javascript
vue 微信授权登录解决方案
Apr 10 Javascript
关于引入vue.js 文件的知识点总结
Jan 28 Javascript
海量经典的jQuery插件集合
Jan 12 #Javascript
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
Jan 12 #Javascript
jquery下操作HTML控件的实现代码
Jan 12 #Javascript
jquery插件 cluetip 关键词注释
Jan 12 #Javascript
Javascript 实现TreeView CheckBox全选效果
Jan 11 #Javascript
javascript下判断一个对象是否具有指定名称的属性的的代码
Jan 11 #Javascript
JavaScript 学习笔记(九)call和apply方法
Jan 11 #Javascript
You might like
php+mysql写的简单留言本实例代码
2008/07/25 PHP
PHP连接sftp并下载文件的方法教程
2018/08/26 PHP
ThinkPHP 框架实现的读取excel导入数据库操作示例
2020/04/14 PHP
JQuery 给元素绑定click事件多次执行的解决方法
2014/09/09 Javascript
Javascript中的高阶函数介绍
2015/03/15 Javascript
JavaScript操作DOM元素的childNodes和children区别
2015/04/01 Javascript
浅谈JavaScript中的string拥有方法的原因
2015/08/28 Javascript
BootStrap 模态框实现刷新网页并关闭功能
2017/01/04 Javascript
详解基于angular路由的requireJs按需加载js
2017/01/20 Javascript
微信小程序如何像vue一样在动态绑定类名
2018/04/17 Javascript
vue移动端轻量级的轮播组件实现代码
2018/07/12 Javascript
浅谈VUE单页应用首屏加载速度优化方案
2018/08/28 Javascript
详解关于webpack多入口热加载很慢的原因
2019/04/24 Javascript
Node.js控制台彩色输出的方法与原理实例详解
2019/12/01 Javascript
vue实践---vue不依赖外部资源实现简单多语操作
2020/09/21 Javascript
[02:47]2018年度DOTA2最佳辅助位选手4号位-完美盛典
2018/12/17 DOTA
python使用psutil模块获取系统状态
2016/08/27 Python
简单谈谈python中的多进程
2016/11/06 Python
基于Python os模块常用命令介绍
2017/11/03 Python
python中(str,list,tuple)基础知识汇总
2018/02/20 Python
在Python中增加和插入元素的示例
2018/11/01 Python
Python中那些 Pythonic的写法详解
2019/07/02 Python
python使用 cx_Oracle 模块进行查询操作示例
2019/11/28 Python
python print 格式化输出,动态指定长度的实现
2020/04/12 Python
解决python虚拟环境切换无效的问题
2020/04/30 Python
使用CSS3实现input多选框自定义样式的方法示例
2019/07/19 HTML / CSS
玖熙女鞋美国官网:Nine West
2016/10/06 全球购物
AVIS安飞士奥地利租车官网:提供奥地利、欧洲和全世界汽车租赁
2016/11/29 全球购物
PyQt 如何创建自定义QWidget
2021/03/24 Python
酒店个人求职信范文
2014/01/25 职场文书
《小熊住山洞》教学反思
2014/02/21 职场文书
幼儿园元旦家长感言
2014/02/27 职场文书
英语演讲稿3分钟
2014/04/29 职场文书
2016大学生党校学习心得体会
2016/01/06 职场文书
六年级作文之关于梦
2019/10/22 职场文书
用CSS3画一个爱心
2021/04/27 HTML / CSS