Javascript 获取带有更改事件的Api

当选择框值更改时，是否可以进行API调用？这样做的目的是让一个选择框充满不同的年份，当你选择一个新年时，页面上的结果会发生变化。我的代码：

const yearSelector = document.querySelector('#yearSelect');

function getConstructorStandings(year) {
    fetch(`http://ergast.com/api/f1/${year}/constructorStandings.json`, {
        "method": "GET",
    })
    .then(response => response.json())
    .then(data => {
        if(data.MRData.StandingsTable.StandingsLists.length > 0) {
            const { ConstructorStandings } = data.MRData.StandingsTable.StandingsLists[0];
            ConstructorStandings.forEach((C) => {
                const team = C.Constructor;
                const constructor = new Constructor(team.name, C.points, team.constructorId);
                constructor.getConstructorScore();
            })
        }
    })
    .catch(err => {
        console.error(err);
    });
}
yearSelector.addEventListener('change', function(e) {
    getConstructorStandings(e.target.value);
});

---

谢谢你，亚当当然可以。我附上一个示例，说明您的代码可能是什么样子。这个概念很简单，所以select执行的每个更改事件都会发出一个事件并调用api

const character=document.getElementById（'character'）；
character.addEventListener（'change'，（）=>{
取回(`https://rickandmortyapi.com/api/character/${character.value}`）
.then（res=>res.json（））
。然后（res=>{
$（'#数据'）.html(`
名称：${res.Name}

状态：${res.Status}

性别：${res.Gender}

种类：${res.Species}

位置：${res.Location.name}

`)
})
.catch（err=>console.error（err））
})

瑞克
莫蒂
夏天
贝丝

谢谢，我的代码不起作用的原因是我向函数传递的是字符串而不是数字。