有时候统计报表 根据年统计,在日前控件不满足情况下,直接处理select
以下是js
function setSelect(){
var anOption = document.createElement("option");
var years= new Date().getYear();
for(var i=0;i<=3;i++){
var anOption = document.createElement("option");
anOption.text=years-i;
anOption.value=years-i;
if('${year}'!=""){ // 回显 ,如不需要回显 请删除
if('${year}'==years-i){
anOption.selected="selected";
}
}
document.getElementById("year").options.add(anOption);
}
}
select 控件
<body onload="setSelect()">
<select id="year" name="year" style="width: 97%" >
</select>
</body>
同时记录下网上搜集的js select 操作
JS操作select相关方法:新增 修改 删除 选中 清空 判断存在 等
1.判断select选项中 是否存在Value="paraValue"的Item
2.向select选项中 加入一个Item
3.从select选项中 删除一个Item
4.修改select选项中 value="paraValue"的text为"paraText"
5.设置select中text="paraText"的第一个Item为选中
6.设置select中value="paraValue"的Item为选中
7.得到select的当前选中项的value
8.得到select的当前选中项的text
9.得到select的当前选中项的Index
10.清空select的项
-------------------------------------------
//1.判断select选项中 是否存在Value="paraValue"的Item
function jsSelectIsExitItem(objSelect,objItemValue)
{
var isExit = false;
for(var i=0;i<objSelect.options.length;i++)
{
if(objSelect.options[i].value == objItemValue)
{
isExit = true;
break;
}
}
return isExit;
}
//2.向select选项中 加入一个Item
function jsAddItemToSelect(objSelect,objItemText,objItemValue)
{
//判断是否存在
if(jsSelectIsExitItem(objSelect,objItemValue))
{
alert("该Item的Value值已经存在");
}
else
{
var varItem = new Option(objItemText,objItemValue);
// objSelect.options[objSelect.options.length] = varItem;
objSelect.options.add(varItem);
alert("成功加入");
}
}
//3.从select选项中 删除一个Item
function jsRemoveItemFromSelect(objSelect,objItemValue)
{
//判断是否存在
if(jsSelectIsExitItem(objSelect,objItemValue))
{
for(var i=0;i<objSelect.options.length;i++)
{
if(objSelect.options[i].value == objItemValue)
{
objSelect.options.remove(i);
break;
}
}
alert("成功删除");
}
else
{
alert("该select中 不存在该项");
}
}
//4.修改select选项中 value="paraValue"的text为"paraText"
function jsUpdateItemToSelect(objSelect,objItemText,objItemValue)
{
//判断是否存在
if(jsSelectIsExitItem(objSelect,objItemValue))
{
for(var i=0;i<objSelect.options.length;i++)
{
if(objSelect.options[i].value == objItemValue)
{
objSelect.options[i].text = objItemText;
break;
}
}
alert("成功修改");
}
else
{
alert("该select中 不存在该项");
}
}
//5.设置select中text="paraText"的第一个Item为选中
function jsSelectItemByValue(objSelect,objItemText)
{
//判断是否存在
var isExit = false;
for(var i=0;i<objSelect.options.length;i++)
{
if(objSelect.options[i].text == objItemText)
{
objSelect.options[i].selected = true;
isExit = true;
break;
}
}
//Show出结果
if(isExit)
{
alert("成功选中");
}
else
{
alert("该select中 不存在该项");
}
}
//6.设置select中value="paraValue"的Item为选中
//document.all.objSelect.value = objItemValue;
//7.得到select的当前选中项的value
//var currSelectValue = document.all.objSelect.value;
//8.得到select的当前选中项的text
//var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;
//9.得到select的当前选中项的Index
//var currSelectIndex = document.all.objSelect.selectedIndex;
//10.清空select的项
// document.all.objSelect.options.length = 0;
js获取当前日期的前一天、一月、一年的日期
//获得当前日期昨天的日期
function getYestoday(date){
var yesterday_milliseconds=date.getTime()-1000*60*60*24;
var yesterday = new Date();
yesterday.setTime(yesterday_milliseconds);
var strYear = yesterday.getFullYear();
var strDay = yesterday.getDate();
var strMonth = yesterday.getMonth()+1;
if(strMonth<10)
{
strMonth="0"+strMonth;
}
datastr = strYear+"-"+strMonth+"-"+strDay;
return datastr;
}
//获得上个月在昨天这一天的日期
function getLastMonthYestdy(date){
var daysInMonth = new Array([0],[31],[28],[31],[30],[31],[30],[31],[31],[30],[31],[30],[31]);
var strYear = date.getFullYear();
var strDay = date.getDate();
var strMonth = date.getMonth()+1;
if(strYear%4 == 0 && strYear%100 != 0){
daysInMonth[2] = 29;
}
if(strMonth - 1 == 0)
{
strYear -= 1;
strMonth = 12;
}
else
{
strMonth -= 1;
}
strDay = daysInMonth[strMonth] >= strDay ? strDay : daysInMonth[strMonth];
if(strMonth<10)
{
strMonth="0"+strMonth;
}
if(strDay<10)
{
strDay="0"+strDay;
}
datastr = strYear+"-"+strMonth+"-"+strDay;
return datastr;
}
//获得上一年在昨天这一天的日期
function getLastYearYestdy(date){
var strYear = date.getFullYear() - 1;
var strDay = date.getDate();
var strMonth = date.getMonth()+1;
if(strMonth<10)
{
strMonth="0"+strMonth;
}
if(strDay<10)
{
strDay="0"+strDay;
}
datastr = strYear+"-"+strMonth+"-"+strDay;
return datastr;
}
分享到:
相关推荐
c#获取当前年的天数,程序完全可以运行,方便参考和学习
js代码-js 获取当前年-月-日 时:分秒毫秒
获取当前年的周数 代码如下: /// /// 获得今年有几周 /// /// ”year”> /// <returns></returns> public int GetWeekOfYear(int year) { DateTime the_Date = new DateTime(year,1,1);//本年的第一天 ...
根据输入月份获取季度区间,属于日期时间的工具类!
C#中获取时间的年月日的方法
java代码获取当前月第一天和最后一天的毫秒值(csdn)————程序
里面主要封装了 "日期转字符串","字符串转日期","获取当前日期的本周一是几号","获取当前日期周的最后一天","根据日期区间获取月份列表","根据日期获取年度中的周索引","根据年份获取年中周列表","获取某年的第几周...
获取出生年月日工具类
该程序是我写的博客“一起talk C栗子吧(第三十七回:C语言实例--获取当前日期和时间)”的配套程序,共享给大家使用
currentMonthDays.js 获取当前年月的天数 locationReplace.js url覆盖 compareVersion.js 比较版本号 params2url.js json参数转换url拼接 getUrlParam.js 获取hash或query的参数 isMobileNumber.js 判断运营商号码 ...
网站统计在线人数,当前年、月、日
日期函数在程序开发中是一个重要的工具,js也提供了Date()函数,如获取当前时间,当前年月,已经系统时间的毫秒数。
主要介绍了Android动态显示当前年月日时分秒系统时间的示例代码,需要的朋友可以参考下
网站统计在线人数,当前年、月、日访问量JAVA代码
js 获取 本周、上周、本月、上月、本季度、上季度的开始结束日期 /** * 获取本周、本季度、本月、上月的开始日期、结束日期 */ var now = new Date(); //当前日期 var nowDayOfWeek = now.getDay(); //今天本周的...
主要介绍了moment.js轻松实现获取当前日期是当年的第几周,需要的朋友可以参考下
主要介绍了JS日期对象简单操作,获取当前年份、星期、时间等代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
【java】java版本的万年历,可以显示当前时间,如当前年、当前月、当前日、当前小时、当前分钟 说明:java版本的万年历,可以显示当前时间,如当前年、当前月、当前日、当前小时、当前分钟等等