HTML动态年份下拉列表
2017-01-16 11:19
267 查看
<html>
<head>
<meta charset="GB2312">
<title>动态年份下拉列表</title>
<style type="text/css">
</style>
<script type="text/javascript">
onload = function ()
{
var year=new Date().getFullYear(); //获取当前年份
var sel = document.getElementById ('sel');//获取select下拉列表
for ( var i = 2006; i < year+3; i++)//循环添加2006到当前年份加3年的每个年份依次添加到下拉列表
{
var option = document.createElement ('option');
option.value = i;
var txt = document.createTextNode (i);
option.appendChild (txt);
sel.appendChild (option);
}
}
</script>
</head>
<body>
<select id="sel">
</select>
</body>
</html>
<head>
<meta charset="GB2312">
<title>动态年份下拉列表</title>
<style type="text/css">
</style>
<script type="text/javascript">
onload = function ()
{
var year=new Date().getFullYear(); //获取当前年份
var sel = document.getElementById ('sel');//获取select下拉列表
for ( var i = 2006; i < year+3; i++)//循环添加2006到当前年份加3年的每个年份依次添加到下拉列表
{
var option = document.createElement ('option');
option.value = i;
var txt = document.createTextNode (i);
option.appendChild (txt);
sel.appendChild (option);
}
}
</script>
</head>
<body>
<select id="sel">
</select>
</body>
</html>
相关文章推荐
- html+js+PHP(使用了smarty模板技术)+mysql实现二级动态下拉列表(select)
- @Html.DropDownList()动态读取下拉列表
- @Html.DropDownList()动态读取下拉列表
- html+js+PHP(使用了smarty模板技术)+mysql实现二级动态下拉列表(select)
- Oracle数据库中下拉列表动态添加年份SQL语句
- html+js+PHP(使用了smarty模板技术)+mysql实现二级动态下拉列表(select)
- html页面下拉列表中动态添加后台数据(格式化数据,显示出数据的层次感)
- 使用JSON来做数据传输的动态下拉列表(转自http://j2ee.blog.sohu.com/68011726.html)
- html中的两个下拉列表动态的加载内容
- web开发(脚本和动态语言) 编辑 下拉列表 select控件 可编辑
- 下拉列表的动态绑定(2种)
- html 下拉列表操作
- 使用JSON来做数据传输的动态下拉列表
- 一个标准动态下拉列表函数
- 全国各省市联动下拉列表(异步动态加载) (转载)
- 不错的下拉列表.HTML控件和服务器控件都可以使用
- 不错的下拉列表.HTML控件和服务器控件都可以使用
- 发布一款层次下拉列表控件 转自 http://www.cnblogs.com/studyzy/archive/2008/02/25/1080289.html?
- 动态增删输入框和下拉列表框源代码------下拉列表值从数据库取得(Ajax)
- 动态下拉列表