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 相关文章推荐
Javascript setInterval的两种调用方法(实例讲解)
Nov 29 Javascript
javascript异步编程的4种方法
Feb 19 Javascript
jQuery DOM插入节点操作指南
Mar 03 Javascript
Jquery全选与反选点击执行一次的解决方案
Aug 14 Javascript
基于jQuery倒计时插件实现团购秒杀效果
May 13 Javascript
如何使用headjs来管理和异步加载js
Nov 29 Javascript
jQuery实现鼠标滑过预览图片大图效果的方法
Apr 26 jQuery
Node.js上传文件功能之服务端如何获取文件上传进度
Feb 05 Javascript
Vue-不允许嵌套式的渲染方法
Sep 13 Javascript
使用node搭建自动发图文微博机器人的方法
Mar 22 Javascript
vue router 跳转时打开新页面的示例方法
Jul 28 Javascript
Vue强制组件重新渲染的方法讨论
Feb 03 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异步多线程swoole用法实例
2014/11/14 PHP
php操作xml入门之xml基本介绍及xml标签元素
2015/01/23 PHP
PHP中iconv函数知识汇总
2015/07/02 PHP
php使用curl实现简单模拟提交表单功能
2017/05/15 PHP
PHP preg_match实现正则表达式匹配功能【输出是否匹配及匹配值】
2017/07/19 PHP
PHP架构及原理知识点详解
2019/12/22 PHP
PHP手机号码及邮箱正则表达式实例解析
2020/07/11 PHP
JavaScript 仿关机效果的图片层
2008/12/26 Javascript
Jquery作者John Resig自己封装的javascript 常用函数
2009/11/09 Javascript
JavaScript中的一些定位属性[图解]
2010/07/14 Javascript
深入理解JavaScript中的箭头函数
2015/07/28 Javascript
JavaScript的变量声明提升问题浅析(Hoisting)
2016/11/30 Javascript
JS中事件冒泡和事件捕获介绍
2016/12/13 Javascript
关于vuex的学习实践笔记
2017/04/05 Javascript
详解Node.js串行化流程控制
2017/05/04 Javascript
详解Vue源码学习之callHook钩子函数
2018/07/25 Javascript
ES6 新增的创建数组的方法(小结)
2019/08/01 Javascript
JS+CSS+HTML实现“代码雨”类似黑客帝国文字下落效果
2020/03/17 Javascript
vue路由跳转传递参数的方式总结
2020/05/10 Javascript
解决vuex刷新数据消失问题
2020/11/12 Javascript
解决Antd Table表头加Icon和气泡提示的坑
2020/11/17 Javascript
python利用urllib实现爬取京东网站商品图片的爬虫实例
2017/08/24 Python
python 读取txt中每行数据,并且保存到excel中的实例
2018/04/29 Python
Python获取数据库数据并保存在excel表格中的方法
2019/06/12 Python
Python调用scp向服务器上传文件示例
2019/12/22 Python
在 Python 中使用 MQTT的方法
2020/08/18 Python
如何使用PyCharm引入需要使用的包的方法
2020/09/22 Python
德国户外商店:eXXpozed
2020/07/25 全球购物
医学院学生的自我评价分享
2013/11/19 职场文书
五好党支部事迹材料
2014/02/06 职场文书
四查四看剖析材料
2014/02/14 职场文书
低碳环保倡议书
2014/04/14 职场文书
红白喜事主持词
2015/07/06 职场文书
合作协议书格式范本
2016/03/21 职场文书
为自由献出你的心脏!「进击的巨人展 FINAL」2022年6月在台开展
2022/04/13 日漫
nginx 配置缓存
2022/05/11 Servers