Javascript select的函数输出

大家好，我有以下代码：

我想从函数中输出我选择的选项，我该怎么做？。。。我试着

    <script>
      let g;
      function aaa() {
        var dnd = document.querySelector("#colors");
        g = dnd.value;
      }
      console.log(g);
    </script>

---

但它不起作用，请帮助我解决此问题。要解决您的直接问题，请在您调用的函数中移动console.log行：

var g;

function aaa() {
  var dnd = document.querySelector("#colors");
  g = dnd.value;
  console.log(g);
}

但是，您可以对代码进行一些额外的改进

首先，删除g全局变量。改为在本地向函数声明它。如有必要，可以在其他函数中从DOM读取select的值

其次，使用不引人注目的事件处理程序。onchange和其他onX属性不再是好的实践，应该避免。改用addEventListener

document.querySelectorcolors.addEventListener'change'，e=>{ 设g=e.target.value； console.logg； } 主题 绿色 红色

---

当你的函数被调用时，g将有值，否则它将给你未定义的值。是的，我看到了，我如何修复它？

var g;

function aaa() {
  var dnd = document.querySelector("#colors");
  g = dnd.value;
  console.log(g);
}