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 相关文章推荐
Code:findPosX 和 findPosY
Dec 20 Javascript
js css样式操作代码(批量操作)
Oct 09 Javascript
jQuery学习之prop和attr的区别示例介绍
Nov 15 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
Jun 27 Javascript
Javascript技术难点之apply,call与this之间的衔接
Dec 04 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
Aug 25 Javascript
全面解析Bootstrap表单样式的使用
Sep 09 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
Jan 19 Javascript
jQuery插件imgAreaSelect基础讲解
May 26 jQuery
JS实现批量上传文件并显示进度功能
Jun 27 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
May 04 Javascript
JS实现碰撞检测效果
Mar 12 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
一个图形显示IP的PHP程序代码
2007/10/19 PHP
在命令行下运行PHP脚本[带参数]的方法
2010/01/22 PHP
PHP 动态随机生成验证码类代码
2010/04/09 PHP
php中遍历二维数组并以表格的形式输出的方法
2017/01/03 PHP
thinkphp5+layui实现的分页样式示例
2019/10/08 PHP
有一段有意思的代码-javascript现实多行信息
2007/08/26 Javascript
window.js 主要包含了页面的一些操作
2009/12/23 Javascript
jQuery 打造动态下滑菜单实现说明
2010/04/15 Javascript
精选的10款用于构建良好易用性网站的jQuery插件
2011/01/23 Javascript
jQuery EasyUI API 中文文档 - DataGrid数据表格
2011/11/17 Javascript
原生js实现跨浏览器获取鼠标按键的值
2013/04/08 Javascript
JS 按钮点击触发(兼容IE、火狐)
2013/08/07 Javascript
动态的创建一个元素createElement及删除一个元素
2014/01/24 Javascript
Internet Explorer 11 浏览器介绍:别叫我IE
2014/09/28 Javascript
谈一谈javascript中继承的多种方式
2016/02/19 Javascript
JS与HTML结合使用marquee标签实现无缝滚动效果代码
2016/07/05 Javascript
利用BootStrap弹出二级对话框的简单实现方法
2016/09/21 Javascript
详解webpack编译多页面vue项目的配置问题
2017/12/11 Javascript
AngularJS 前台分页实现的示例代码
2018/06/07 Javascript
使用vue2.0创建的项目的步骤方法
2018/09/25 Javascript
手挽手带你学React之React-router4.x的使用
2019/02/14 Javascript
微信小程序template模版的使用方法
2019/04/13 Javascript
d3.js实现图形拖拽
2019/12/19 Javascript
vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果
2020/05/28 Javascript
谈谈JavaScript令人迷惑的==与+
2020/08/31 Javascript
Python中绑定与未绑定的类方法用法分析
2016/04/29 Python
分析python请求数据
2018/08/19 Python
浅谈Python 递归算法指归
2019/08/22 Python
Windows10下 python3.7 安装 facenet的教程
2019/09/10 Python
Pytorch 实现数据集自定义读取
2020/01/18 Python
Python连接mysql方法及常用参数
2020/09/01 Python
纪律教育学习月活动总结
2014/08/27 职场文书
党员个人对照检查材料思想汇报
2014/09/16 职场文书
交通运输局四风问题对照检查材料思想汇报
2014/10/09 职场文书
2019餐饮行业创业计划书!
2019/06/27 职场文书
关于感恩的素材句子(38句)
2019/11/11 职场文书