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 相关文章推荐
最新28个很棒的jQuery 教程
May 28 Javascript
js限制文本框只能输入中文的方法
Aug 11 Javascript
Node.js开发教程之基于OnceIO框架实现文件上传和验证功能
Nov 30 Javascript
Vue如何实现组件的源码解析
Jun 08 Javascript
Angularjs自定义指令实现分页插件(DEMO)
Sep 16 Javascript
VUE基于NUXT的SSR 服务端渲染
Nov 30 Javascript
玩转Koa之koa-router原理解析
Dec 29 Javascript
JS基于对象的链表实现与使用方法示例
Jan 31 Javascript
手挽手带你学React之React-router4.x的使用
Feb 14 Javascript
autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法
May 03 Javascript
vue+elementUI动态增加表单项并添加验证的代码详解
Dec 17 Vue.js
ES6 解构赋值的原理及运用
May 25 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中利用substr_replace将指定两位置之间的字符替换为*号
2011/01/27 PHP
SESSION信息保存在哪个文件目录下以及能够用来保存什么类型的数据
2012/06/17 PHP
PHP简单预防sql注入的方法
2016/09/27 PHP
php中字符串和整数比较的操作方法
2019/06/06 PHP
初学Javascript的一些总结
2008/11/03 Javascript
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
2009/06/02 Javascript
javascript数组的使用
2013/03/28 Javascript
javascript中的parseInt和parseFloat区别
2013/07/12 Javascript
js螺旋动画效果的具体实例
2013/11/15 Javascript
javascript使用正则表达式检测IP地址
2014/12/03 Javascript
javascript倒计时效果实现
2015/11/12 Javascript
微信小程序使用第三方库Underscore.js步骤详解
2016/09/27 Javascript
NodeJS使用formidable实现文件上传
2016/10/27 NodeJs
常用jQuery选择器汇总
2017/02/02 Javascript
js+html5实现侧滑页面效果
2017/07/15 Javascript
浅谈angularJS的$watch失效问题的解决方案
2017/08/11 Javascript
Vue.js@2.6.10更新内置错误处机制Fundebug同步支持相应错误监控
2019/05/13 Javascript
详解在Angular4中使用ng2-baidu-map的方法
2019/06/19 Javascript
vue实现在v-html的html字符串中绑定事件
2019/10/28 Javascript
vue element table中自定义一些input的验证操作
2020/07/18 Javascript
pyramid配置session的方法教程
2013/11/27 Python
在Python中使用元类的教程
2015/04/28 Python
python 实现红包随机生成算法的简单实例
2017/01/04 Python
11月编程语言排行榜 Python逆袭C#上升到第4
2017/11/15 Python
解决python3 urllib 链接中有中文的问题
2018/07/16 Python
python实现代码统计器
2019/09/19 Python
使用批处理脚本自动生成并上传NuGet包(操作方法)
2019/11/19 Python
python爬虫模拟浏览器访问-User-Agent过程解析
2019/12/28 Python
mac在matplotlib中显示中文的操作方法
2020/03/06 Python
Python pip安装第三方库实现过程解析
2020/07/09 Python
Python Selenium操作Cookie的实例方法
2021/02/28 Python
新年祝酒词大全
2015/08/11 职场文书
2019XX公司员工考核管理制度!
2019/08/07 职场文书
python编程项目中线上问题排查与解决
2021/11/01 Python
python自动化测试之Selenium详解
2022/03/13 Python
Android开发手册自定义Switch开关按钮控件
2022/06/10 Java/Android