javascript - 设置当前选定菜单值的全局变量

Question

我正在尝试使用 javascript 作为全局变量来获取下拉菜单的当前选定文本值。

目前我遇到的问题是全局变量desc为空，并且在控制台中显示“未定义”。

这是脚本：

    var desc;
    const areaSelect = document.querySelector(`[id="test"]`);

    areaSelect.addEventListener(`change`, (e) => {
        const select = e.target;
        const value = select.value;
        desc = select.options[select.selectedIndex].text;
          
    });
    
console.log(desc);

我已经制作了JSFiddle。

标签： javascript