JSFiddle - React, Tailwind, and code Playground

by shriek

HTML

<select id="child_0_dateofbirth_year" name="child_0_dateofbirth_year" class="child-dateofbirth-input required flyout" data-msg-required="Please enter valid date" data-msg-validdate="Please enter valid date" data-msg-childagelimit="Please enter the valid date, age limit mismatch" data-msg-childgendercheck="Child expectancy date cannot be less than today's date">
    <option value="" selected="">YYYY</option>
    <option value="1914">1914</option>
    <option value="1915">1915</option>
    <option value="1916">1916</option>
    <option value="1917">1917</option>
    <option value="1918">1918</option>
    <option value="1919">1919</option>
    <option value="1920">1920</option>
    <option value="1921">1921</option>
    <option value="1922">1922</option>
    <option value="1923">1923</option>
    <option value="1924">1924</option>
    <option value="1925">1925</option>
    <option value="1926">1926</option>
    <option value="1927">1927</option>
    <option value="1928">1928</option>
    <option value="1929">1929</option>
    <option value="1930">1930</option>
    <option value="1931">1931</option>
    <option value="1932">1932</option>
    <option value="1933">1933</option>
    <option value="1934">1934</option>
    <option value="1935">1935</option>
    <option value="1936">1936</option>
    <option value="1937">1937</option>
    <option value="1938">1938</option>
    <option value="1939">1939</option>
    <option value="1940">1940</option>
    <option value="1941">1941</option>
    <option value="1942">1942</option>
    <option value="1943">1943</option>
    <option value="1944">1944</option>
    <option value="1945">1945</option>
    <option value="1946">1946</option>
    <option value="1947">1947</option>
    <option value="1948">1948</option>
    <option value="1949">1949</option>
    <option value="1950">1950</option>
    <option value="1951">1951</option>
    <option value="1952">1952</option>
    <option value="1953">1953</option>
    <option...

JavaScript

var date = new Date();
var curYr = date.getFullYear();
curYr = curYr + 1;
var yrs = new Array();
for (i = 0; i < 13; i++) {
    yrs.push((curYr - i).toString());
    //alert(yrs[i]);
}

/*yrs = jQuery.grep(yrs, function( a ) {
    a = yrs.reverse();
  return a;
});*/

/*$.each(yrs, function (index, val) {
    alert(val);
});*/

$('select option').filter(function () {
    return $.inArray(this.innerHTML, yrs) == -1
}).remove();

$('select option').each(function () {
    $('select').prepend($(this))
});

$( "span" ).text( yrs);