JS 通过系统时间限定动态添加 select option的实例代码


Posted in Javascript onJune 09, 2016

虽然是个简单的效果,还是需要积累一下,记录一下;

JS 通过系统时间限定动态添加 select option的实例代码

源代码如下所示:

<select id="myselect1">
 <option value="">— —</option>
 <option value="2015级">2015级</option>
 <option value="2014级">2014级</option>
 <option value="2013级">2013级</option>
 <option value="2012级">2012级</option>
</select><br><br>
<select id="myselect2">
 <option value="">— —</option>
 <option value="2015级">2015级</option>
 <option value="2014级">2014级</option>
 <option value="2013级">2013级</option>
 <option value="2012级">2012级</option>
</select>
 var time = new Date();
 var month=time.getMonth()+1;
 var day=time.getDay();
 if(month>5&&day>1){
  var objSelect=document.getElementById("myselect2");
  objSelect.options.add(new Option("2016级", "2016级"),1);
  objSelect.options.remove(5);
 }
 if(month>7&&day>1){
  var objSelect=document.getElementById("myselect1");
  objSelect.options.add(new Option("2016级", "2016级"),1);
  objSelect.options.remove(5);
 }
Javascript 相关文章推荐
用window.location.href实现刷新另个框架页面
Mar 07 Javascript
关于onchange事件在IE和FF下的表现及解决方法
Mar 08 Javascript
JavaScript原生对象之Date对象的属性和方法详解
Mar 13 Javascript
讲解JavaScript中for...in语句的使用方法
Jun 03 Javascript
基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage
Sep 20 Javascript
每天一篇javascript学习小结(属性定义方法)
Nov 19 Javascript
js实现图片轮播效果
Dec 19 Javascript
在 Node.js 中使用 async 函数的方法
Nov 17 Javascript
webstorm+vue初始化项目的方法
Oct 18 Javascript
微信小程序的线程架构【推荐】
May 14 Javascript
《javascript设计模式》学习笔记五:Javascript面向对象程序设计工厂模式实例分析
Apr 08 Javascript
微信小程序中wxs文件的一些妙用分享
Feb 18 Javascript
JavaScript的instanceof运算符学习教程
Jun 08 #Javascript
JavaScript中instanceof运算符的使用示例
Jun 08 #Javascript
实例讲解JavaScript中instanceof运算符的用法
Jun 08 #Javascript
js获取对象、数组的实际长度,元素实际个数的实现代码
Jun 08 #Javascript
JS &amp; JQuery 动态添加 select option
Jun 08 #Javascript
Jquery ajax请求导出Excel表格的实现代码
Jun 08 #Javascript
浅谈几种常用的JS类定义方法
Jun 08 #Javascript
You might like
星际争霸任务指南——人族
2020/03/04 星际争霸
PHP实现的观察者模式实例
2017/06/21 PHP
关于php unset对json_encode的影响详解
2018/11/14 PHP
高效率JavaScript编写技巧整理
2013/08/23 Javascript
判断文档离浏览器顶部的距离的方法
2014/01/08 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
2016/02/12 Javascript
详解JavaScript异步编程中jQuery的promise对象的作用
2016/05/03 Javascript
JavaScript检测原始值、引用值、属性
2016/06/20 Javascript
Bootstrap select实现下拉框多选效果
2016/12/23 Javascript
Javascript基础回顾之(三) js面向对象
2017/01/31 Javascript
JS正则表达式验证账号、手机号、电话和邮箱是否合法
2017/03/08 Javascript
基于JavaScript实现瀑布流效果
2017/03/29 Javascript
angular.js指令中transclude选项及ng-transclude指令详解
2017/05/24 Javascript
React组件中的this的具体使用
2018/02/28 Javascript
vue实现简单的MVVM框架
2018/08/05 Javascript
Vue 组件参数校验与非props特性的方法
2019/02/12 Javascript
使用JavaScript获取Django模板指定键值数据
2020/05/27 Javascript
前端vue+elementUI如何实现记住密码功能
2020/09/20 Javascript
[03:11]TI9战队档案 - Alliance
2019/08/20 DOTA
python实现简单的计时器功能函数
2015/03/14 Python
python使用xpath中遇到:到底是什么?
2018/01/04 Python
TensorFlow实现卷积神经网络
2018/05/24 Python
python破解zip加密文件的方法
2018/05/31 Python
啥是佩奇?使用Python自动绘画小猪佩奇的代码实例
2019/02/20 Python
python字典和json.dumps()的遇到的坑分析
2020/03/11 Python
伦敦高级内衣品牌:Agent Provocateur(大内密探)
2016/08/23 全球购物
美国在线旅行社:Crystal Travel
2018/09/11 全球购物
DC Shoes荷兰官方网站:美国极限运动品牌
2019/10/22 全球购物
JSP和Servlet有哪些相同点和不同点,他们之间的联系是什么?
2015/10/22 面试题
食品安全工作方案
2014/05/07 职场文书
信用卡逾期证明示例
2014/09/13 职场文书
工作证明英文模板
2014/10/21 职场文书
颐和园导游词400字
2015/01/30 职场文书
庐山导游词
2015/02/03 职场文书
地球一小时活动总结
2015/02/27 职场文书
Java 多线程协作作业之信号同步
2022/05/11 Java/Android