Как установить выпадающий финансовый год

Question

Я хочу показать в выпадающем списке предыдущие 30 лет финансового года. Например:

   2019-20
   2018-19
   2017-18 and so on

Использование JavaScript или jquery

Answer 1

Вы можете сделать это так:

$(document).ready(function() {
 var current_year = new Date().getFullYear()
 var amount_of_years = 30

  for (var i = 0; i < amount_of_years+1; i++) {
    var year = (current_year-i).toString();
    var element = '<option value="' + year + '">' + year + '</option>';
    $('select[name="financial_year"]').append(element)
  }
})

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

Answer 2

Вы можете попробовать следующий способ:

var yearsLength = 30;
var currentYear = new Date().getFullYear();
for(var i = 0; i < 30; i++){
  var next = currentYear+1;
  var year = currentYear + '-' + next.toString().slice(-2);
  $('#financialYear').append(new Option(year, year));
  currentYear--;
}

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

Answer 3

вам нужно создать значение опции в дианамском режиме.

var mySelect = $('#years');
var startYear = 2020;
var prevYear = 2019;
for (var i = 0; i < 30; i++) {
  startYear = startYear - 1;
  prevYear = prevYear - 1;
  mySelect.append(
    $('<option></option>').val(startYear + "-" + prevYear).html(startYear + "-" + prevYear)
  );
}

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

Демонстрация в реальном времени:

https://jsfiddle.net/2ag4c3sp/2/