JSFiddle - React, Tailwind, and code Playground

by Vikash Kumar Gupta

HTML

<select id="year-select">

</select>

<button onclick="window.createYearDropdown()">
 create Year Dropdown
</button>
<button onclick="window.selectedYear()">
 selected year
</button>

JavaScript

function createYearDropdown(){
	var no_of_years=3;
	var current_date = new Date();
	var current_year = current_date.getFullYear();

	var dropdown = document.getElementById("year-select");
  for(var i=no_of_years;i>0;i--){
    var option = document.createElement('option');

    option.value = i;
    option.text = current_year--;
    
		dropdown.options.add(option);
  }
}

window.createYearDropdown = createYearDropdown;
window.selectedYear = function(){
	var year_selected = document.getElementById('year-select');
  alert(year_selected.selectedOptions[0].text);
}