当前位置:Gxlcms > JavaScript > JS 通过系统时间限定动态添加 select option的实例代码

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

时间:2021-07-01 10:21:17 帮助过:6人阅读

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

源代码如下所示:

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

人气教程排行