JSFiddle - React, Tailwind, and code Playground
HTML
<select class="year1"></select>
<br/>
<select class="year2"></select>
<br/>
<select class="year3"></select>
<br/>
<select class="year4"></select>
<br/>
<select class="year5"></select>
JavaScript
var current = new Date().getFullYear();
var year1 = this.$("select.year1");
for (var i=0; i<100; i++) {
var option = $("<option>",{
value: current - i,
text: current - i,
selected: (i==17 ? "selected" : "")
});
year1.append(option);
}
var year2 = this.$("select.year2");
for (var i=0; i<100; i++) {
var option = $("<option>",{
value: current - i,
text: current - i,
selected: (i==17 ? true : false)
});
year2.append(option);
}
var year3 = this.$("select.year3");
for (var i=0; i<100; i++) {
var option = $("<option>",{
value: current - i,
text: current - i
});
if (i==17) option.attr("selected","selected");
year3.append(option);
}
var year4 = this.$("select.year4");
for (var i=0; i<100; i++) {
var option = $("<option>",{
value: current - i,
text: current - i
});
if (i==17) option[0].selected = true;
year4.append(option);
}
var year5 = this.$("select.year5");
for (var i=0; i<100; i++) {
var option = $("<option>",{
value: current - i,
text: current - i
});
if (i==17) option[0].selected = "selected";
year5.append(option);
}