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

Question

我正在使用moment + jquery来列出年份日历的星期和项目，但是我今年已经进行了硬编码，所以现在适用于当前年份的硬编码的当前代码有效，所以现在我试图为这些年份创建选择列表，因此用户可以更改2020年，2021年，2022年，此showCalendar（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('scripts');
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)