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入门·动态的时钟,显示完整的一些方法,新年倒计时
Oct 01 Javascript
一些常用且实用的原生JavaScript函数
Sep 08 Javascript
YUI模块开发原理详解
Nov 18 Javascript
jquery动态改变div宽度和高度
Feb 09 Javascript
js随机生成网页背景颜色的方法
Feb 26 Javascript
JQuery实现超链接鼠标提示效果的方法
Jun 10 Javascript
浅析jQuery Mobile的初始化事件
Dec 03 Javascript
微信小程序顶部可滚动导航效果
Oct 31 Javascript
vue实现element-ui对话框可拖拽功能
Aug 17 Javascript
详解如何在webpack中做预渲染降低首屏空白时间
Aug 22 Javascript
vue移动端模态框(可传参)的实现
Nov 20 Javascript
vue配置型表格基于el-table拓展之table-plus组件
Apr 12 Vue.js
海量经典的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多用户计数器代码
2007/03/11 PHP
php生成的html meta和link标记在body标签里 顶部有个空行
2010/05/18 PHP
php学习笔记 数组遍历实现代码
2011/06/09 PHP
如何判断php数组的维度
2013/06/10 PHP
基于flush()不能按顺序输出时的解决办法
2013/06/29 PHP
jquery 图片Silhouette Fadeins渐显效果
2010/02/07 Javascript
js 禁用只读文本框获得焦点时的退格键
2010/04/25 Javascript
Javascript倒计时代码
2010/08/12 Javascript
jquery下checked取值问题的解决方法
2012/08/09 Javascript
JavaScript中return false的用法
2015/03/12 Javascript
javascript实现日期按月份加减
2015/05/15 Javascript
jQuery Easyui 验证两次密码输入是否相等
2016/05/13 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
2016/08/10 Javascript
谈谈JS中的!!
2017/12/07 Javascript
layui获取多选框中的值方法
2018/08/15 Javascript
vue组件(全局,局部,动态加载组件)
2018/09/02 Javascript
13 个npm 快速开发技巧(推荐)
2019/07/04 Javascript
react使用CSS实现react动画功能示例
2020/05/18 Javascript
jQuery实时统计输入框字数及限制
2020/06/24 jQuery
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
2020/10/27 Javascript
一则python3的简单爬虫代码
2014/05/26 Python
Python中isnumeric()方法的使用简介
2015/05/19 Python
基python实现多线程网页爬虫
2015/09/06 Python
Python 查看文件的编码格式方法
2017/12/21 Python
浅谈Python3中strip()、lstrip()、rstrip()用法详解
2019/04/29 Python
关于Python作用域自学总结
2019/06/10 Python
python GUI库图形界面开发之PyQt5信号与槽机制、自定义信号基础介绍
2020/02/25 Python
Joe Fresh官网:加拿大时尚品牌和零售连锁店
2016/11/30 全球购物
法国女性内衣购物网站:Glamuse
2019/05/13 全球购物
应用艺术专业个人的自我评价
2014/01/03 职场文书
招聘专员岗位职责
2014/03/07 职场文书
投资意向书范本
2014/04/01 职场文书
《风娃娃》教学反思
2014/04/19 职场文书
职工食堂管理制度
2015/08/06 职场文书
初中班级口号霸气押韵
2015/12/24 职场文书
大学毕业生自我鉴定范文
2019/06/21 职场文书