javascript - 基于更改功能参数的选择列表

Question

我正在使用 moment + jquery 列出年份日历周和项目，但我今年已经硬编码，所以现在硬编码日历年的当前代码可以工作，所以现在我正在尝试为这些年制作选择列表，所以用户可以更改 2020、2021、2022 年和这个节目日历（2020）；将要更新，（我只需要三年，所以..），但我不太确定如何更改这个 showCalendar(); 带有下拉选择列表的参数？感谢您的帮助，如果有人有时间检查这个:)

这是我们硬编码的基于年份的打印日历

function setup(){

    showCalendar(2020); // When change this in 2021 it works.

}


function showCalendar(year){

// all (week numbers, days etc...)

在网络视图中：

<select id="Year" class="">
  <option value="2020">2020</option>
  <option value="2021">2021</option>
  <option value="2022">2022</option>
</select>

Answer 1

你想得到<select>选择，所以这样的事情会起作用

let sel = document.getElementById('Year');
let lastValue = sel.value
function setup(){

    showCalendar(sel.value); // 2020, 2021, or whatever is selected

}

setInterval(() => {
    if(sel.value !== lastValue) setup();
    //you wanna call setUp everytime the value change
}, 1000)