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); }
相关推荐
-
JS & JQuery 动态添加 select option
今天有朋友问我一个关于在<select>里动态添加option问题,一开始以为是JS那里动态添加,所以用了JS动态添加option的方法,但你那里是用JQuery的,所以才会一直出错,下面记下在JS和JQuery里添加option的区别. JS: var selid = document.getElementById("sltid"); for(var i=0; i<10;i++){ //循环添加多个值 sid.option[i] = new Option(i,i);
-
js给selected添加options的方法
本文实例讲述了js给selected添加options的方法.分享给大家供大家参考.具体实现方法如下: <select id="Mmonth"> <option>1</option> </select> <input type="button" onclick="a()" value="添加"/> <script> function a(){ docume
-
AngularJS实现select的ng-options功能示例
本文实例讲述了AngularJS实现select的ng-options功能.分享给大家供大家参考,具体如下: controller .controller('MainController', function($scope, $http, $ionicModal, $timeout) { var post = {}; $http.get("data/themeData.json") .success(function(response) { $scope.themeData = res
-
js select option对象小结
一基础理解: var e = document.getElementById("selectId"); e. options= new Option("文本","值") ; //创建一个option对象,即在<select>标签中创建一个或多个<option value="值">文本</option> //options是个数组,里面可以存放多个<option value="
-
js 操作select与option(示例讲解)
1.动态创建select 复制代码 代码如下: function createSelect(){ var mySelect = document.createElement_x("select"); mySelect.id = "mySelect"; document.body.appendChild(mySelect); } 2.添加选项option 复制代码 代码如下: function addOption(){
-
JS更改select内option属性的方法
本文实例讲述了JS更改select内option属性的方法.分享给大家供大家参考.具体如下: 帮一位友人解决了一个小问题,需求是更改选中选项卡内显示的文本值,新值存放在某个文本框内 初始窗口: <html> <head> <title>原窗口</title> <script> var parentValue=""; //全局变量,用于保存点击详情时select中指定opeion的值 function detail() { va
-
javascript 删除select中的所有option的实例
javascript 删除select中的所有option的实例 方法一: function DeleteOptions() { var obj = document.getElementsByTagName("select")[0]; var selectOptions = obj.options; var optionLength = selectOptions.length; for(var i=0;i <optionLength;i++) { obj.removeChi
-
JS获取select-option-text_value的方法
HTML代码: 复制代码 代码如下: <select id="month" onchange="selectInput(this)"> <option value="01">January</option> <option value="02">February</option> <option value="03"&
-
js添加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 通过系统时间限定动态添加 select option的实例代码
虽然是个简单的效果,还是需要积累一下,记录一下: 源代码如下所示: <select id="myselect1"> <option value="">- -</option> <option value="2015级">2015级</option> <option value="2014级">2014级</option> <option
-
微信小程序动态添加view组件的实例代码
在web中,我们动态添加DOM,可以用jQuery的方法,很简单.在微信小程序中怎么实现下面这么需求. 其中,里程数代表上一行到这一行地方的距离(这个不重要):要实现的就是点击增加途径地,就多一行,删除途径地,就少一行. 分析:添加的和删除的是同样的结构,只是数量不一样,所以考虑循环,用列表表示,增加就往这个列表push一个,删除就从列表pop一个. 主要代码如下: <view class="weui-cell weui-cell_input"> <view clas
-
vue+ElementUI实现订单页动态添加产品数据效果实例代码
这两天学习了ElementUI基于vue2.0开发学习,这个知识点挺多的,而且很重要,所以,今天添加一点小笔记. 使用vue2.0(ElementUI基于vue2.0)+ElementUI(饿了么出品)实现的在订单页面动态添加产品的效果,并自动计算总价.代码直接保存为html文档,使用浏览器打开即可查看效果. 效果图: <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-U
-
JQuery动态添加Select的Option元素实现方法
如下所示: var selector=$('<select></select>'); for(var i=0;i<5;i++){ selector.append('<option value="'+i+'">'+i+'</option>'); } 以上这篇JQuery动态添加Select的Option元素实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
-
vue.js 实现点击按钮动态添加li的方法
如下所示: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" ></script> </head> <body> <div id="
-
vuejs 动态添加input框的实例讲解
实例如下: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <c:set var="front" val
-
javaScript动态添加Li元素的实例
html代码块 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>**javaScript动态添加Li元素**</title> <style type="text/css"> ul li{list-style:none;display:block;text-align:left;} ul li span{displ
-
jQuery动态添加.active 实现导航效果代码思路详解
代码思路: 页面4: 页面5: 代码思路: 通过jq获取你打开页面的链接 window.location.pathname: 在HTML中给自己的li加入一个ID id的命名与网址链接中的href相同 通过jq包含方法找到相对应的li给他加入active类名 然后..就没有然后了... jq代码: $(function () { var li = $(".title_ul").children("li"); for (var i = 0; i < li.l
-
jQuery动态产生select option下拉列表
但其中没有实现动态产生select option下拉列表. 在jQuery环境之下使用创建jQuery对象来实现动态产生,那是很方便的事情. 在数据库中准备一些数据: 存储过程: 开发ASP.NET MVC,实现程序,少不了model: 现创建一个实体Entity,即是与数据库通讯: 接下来,你可以创建获取数据集的方法,让前端jQuery执行的方法: ok,一切准备就绪. 创建一个select对象: $selectCity = $('<select />').attr({ name: 'cit
随机推荐
- PHP学习散记 2012_01_07(MySQL)
- jQuery实现简单的图片查看器
- 在b/s开发中经常用到的javaScript技术
- 两种方式登录FTP
- PHP实现多服务器session共享之NFS共享的方法
- java实现MD5加密算法的实例代码
- javascript图片预览和上传(兼容IE)
- PHP实现简单实用的验证码类
- zend framework中使用memcache的方法
- 不错的主要用于加密的vbs(asp)位移运算类
- C#对文件/文件夹操作代码汇总
- C# Dictionary的使用实例代码
- JS实现字符串转驼峰格式的方法
- 一天一个shell命令 linux文本内容操作系列-sed命令详解
- 使用Javascript实现选择下拉菜单互移并排序
- 详解在使用CDN加速时Nginx获取用户IP的配置方法
- java中哈希表及其应用详解
- Java log4j详细教程
- php explode函数实例代码
- Android开发之TimePicker控件用法实例详解