首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为jQuery中的下拉列表生成年份

为jQuery中的下拉列表生成年份
EN

Stack Overflow用户
提问于 2011-04-21 17:02:44
回答 4查看 13.4K关注 0票数 2

我想出了一个小问题,我正在试着想出一种方法来解决它。

基本上,我想要做的是将年份减少18年,即2011年,返回1993年,并生成一个下拉选项,供用户选择之前的任何一年。

基本上,他们必须证明自己已超过18岁的法定年龄。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-04-21 17:18:30

代码语言:javascript
运行
复制
var minOffset = 18,
    maxOffset = 100;

var thisYear = new Date().getFullYear();
var select = $('<select>');

for (var i = minOffset; i <= maxOffset; i++) {
  var year = thisYear - i;
  $('<option>', { value: year, text: year }).appendTo(select);
}

select.appendTo('body');
代码语言:javascript
运行
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

演示:http://jsfiddle.net/DhpBg/

票数 5
EN

Stack Overflow用户

发布于 2016-05-07 15:49:37

代码语言:javascript
运行
复制
var minOffset = 0, maxOffset = 100; // Change to whatever you want // minOffset = 0 for current year 
var thisYear = (new Date()).getFullYear();
var m_names = ['January', 'February', 'March','April', 'May', 'June', 'July','August', 'September', 'October','November', 'December'];
var month = 0   // month = (new Date()).getMonth(); // for cuurent month
for (var j = month; j <= 11; j++) {var months = m_names[ 0 + j].slice( 0, 3 ); $('<option>', {value: months, text: months}).appendTo(".month"); }
for (var i = minOffset; i <= maxOffset; i++) { var year = thisYear + i; $('<option>', {value: year, text: year}).appendTo(".year");}
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select class="year">

</select>

<select class="month">

</select>

通过jquery实现更好的月份和年份解决方案

www.jsfiddle.net/sudharshanreddyjanike/byvotshz/2/

票数 4
EN

Stack Overflow用户

发布于 2011-04-21 17:14:38

你可以在没有任何jQuery的本地Javascript中很容易地做到这一点。

演示:http://jsbin.com/orasa5/2/

编辑:不确定为什么我要为每个选项创建一个节点。我想现在是一大早吧。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5741857

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档