在 jQuery 中生成下拉菜单的年份

Question

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

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

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

Answer 1

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');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

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

Answer 2

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");}

<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/

Answer 3

您可以在本机 Javascript 中轻松完成此操作，无需使用任何 jQuery。

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

编辑：不确定我为什么要创建每个选项都有一个节点。我猜现在是凌晨。

Answer 4

<select name="Year" class="bdayyear">
    <option value="year">Year</option>
    <script language="javascript">
                for (var i = 1960; i < 2010; i ++) {
                    document.write("<option value=\"" + i + "\">" + i + "</option>\n");
                }
            </script>
    </select>

我希望这会有所帮助，因为这就是如何做到这一点的。