function generateYearFun() {
var now = new Date();
var nowYear = now.getFullYear();
var selectObj = document.getElementById("queryByYear");
var optionObj = document.createElement("option");
optionObj.Value = "0";
optionObj.text = "-----請選擇年份-----";
selectObj.add(optionObj);
for(var i = 0; i <= nowYear - 1970; i++) {
var optionCon = document.createElement("option");
optionCon.Value = nowYear - i;
optionCon.text = nowYear - i;
selectObj.add(optionCon);
}
}
以上方法在IE下有效,但在ff下是无效的,要想兼容IE和ff,就用下面的方法:
function generateYearFun(){
var now = new Date();
var nowYear = now.getFullYear();
var selectObj = document.getElementById("queryByYear");
selectObj.options.add(new Option("-----請選擇年份-----",0));
for(var i = 0; i <= nowYear - 1970; i++) {
selectObj.options.add(new Option(nowYear - i,nowYear - i));
}
}
先获取当前年份now,再获得select对象selectObj(页面中已存在select元素),然后构造一个option元素作为提示信息,在这个例子中,需要的年份是从1970年到现在的,所以循环遍历现在到1970年这个间隔数,并且每次循环都用当前年份减去循环变量。供新手参考。
分享到:
相关推荐
原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码
SelectTree是组合element里面的select和tree两者实现的,可以实现多选,单选,同时选中以后关闭下拉框等操作
但是很遗憾element-ui没有给我们提供这个插槽,我们想实现这个功能只能重写组件或者等官方更新吗,答案当然是否定的! 花了一点时间通过一个函数实现这个功能,支持el-select和el-cascader,效果点击预览 其实...
element ui select多选组件 标签根据数据属性显示颜色不同, 至于plugins
js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效
Js操作Select大全(取值、设置选中等等) Js操作Select大全(取值、设置选中等等)
js操作select控件大全 js操作select控件大全 js操作select控件大全 js操作select控件大全 js操作select控件大全 js操作select控件大全
JS模拟select下拉菜单
js 操作select 下拉框js 操作select 下拉框
JS 重写 SELECT 方便自定义SELECT样式
涵盖了js对select的常用操作 1.判断select选项中 是否存在Value="paraValue"的Item 2.向select选项中 加入一个Item 3.从select选项中 删除一个Item 4.修改select选项中 value="paraValue"的text为"paraText" 5.设置...
jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码
js 加载select 项 JSelect 样式
主要介绍了解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等
select2.min.js插件!!!=
JQ JS javascript 多选 多选下拉框 select bootstrap-select
React选择元素 React选择元素 react-select-element实现... const Select = require ( 'react-select-element' ) 在React中实施 任何一个: < Select index = { this . state . index } onChange = { ( index )
js 操作select和optionjs 操作select和option
bootstrap-select.js