JS 通过系统时间限定 动态添加 select option

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

在八月一号之后,删除最后一项,新添加2016级

— —
2015级
2014级
2013级
2012级

在六月一号之后,删除最后一项,新添加2016级

— —
2016级
2015级
2014级
2013级

源代码:

<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);    }

时间: 2024-08-02 14:38:37

JS 通过系统时间限定 动态添加 select option的相关文章

js实现表格行的动态添加------Day56

现代页面通常都是用div+css来进行设计,几乎很少再有用table来进行布局的了,但是这并不意味着table的重要性就降低了,事实上,table在数据处理上有着它独特的优势,所以对table的掌握还是很有必要的. 我们首先要记录的问题是:js动态的添加表格的行和列 我们先给定一个table,先用html语言编写下: <table width="100%" height="300px" border="1px" id="tad&q

js中创建html标签、添加select下默认的option的value和text

<pre name="code" class="java"> jsp 中的下拉框标签: <s:select name="sjx" id="sjx" list="sjxList" listKey="BM" listValue="MC" size="20" cssStyle="width:100%;height:70px;

原生js获取系统时间

关于时间日常项目中可能会有很多需求,今天就写一个最简单的,将系统时间写入到页面上.直接来看js代码: <script> window.onload=function(){ var Body=document.body; //把获取出的时间封装为一个函数,方便加定时器让其自动循环 function Time(){ var str=""; var myTime=new Date(); var iYear = myTime.getFullYear(); var iMonth =

js动态添加select菜单 联动菜单

原文发布时间为:2009-11-14 -- 来源于本人的百度文章 [由搬家工具导入] <html> <head> <title>http://hi.baidu.com/handboy</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style> <!-- body         

js 当前系统时间

<script language=Javascript> function time(){ //获得显示时间的div t_div = document.getElementById('showtime'); var now=new Date() t_div.innerHTML = "现在是"+now.getFullYear()+"年"+(now.getMonth()+1)+"月"+now.getDate()+"日"

JS更改系统时间再获取时间戳不正确

今天做验证的时候,测试时间方面的时候发现一个问题,我提出了最简单的代码,代码如下. $("#div").click(function(){ var date = new Date(); console.log(date.getHours()) }) 这串代码没有问题,但是在Windows连续更改时间后,在Chrome上,它获取到的可能是之前的时间, 我这时候想到可能是缓存,所以我在 WebStorm 上用 nodejs 运行,果然,nodejs 没有这个问题 这只是一个小问题.在这里提

js中向json中动态添加值

var json = { name : "vegan", age   : "20" }; 在上面已经生产好的json中,如果我们需要再后面为他追加其他的值,可以通过: json["address"] = "四川"; 但是不能通过json.address 的方式去添加,否则会报错.因为在json中没有提前定义address,所以会找不到address的属性.

JS 通过点击事件动态添加文本框

直接拷贝到浏览器就能实现 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Change.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <

easyui-combobox 动态添加选项option

根据后台数据添加: $("#themecombo").combobox({ url:'<%=basePath%>analysis/getactivit.action', valueField:'id', textField:'title', editable:false }); 然后想在最前面添加一个空选项: $(document).ready( function(){ $.ajax({ url:'<%=basePath%>analysis/getactivit