如何在JavaScript中获取下拉列表(select)的选中值?
大家好!我是JavaScript新手,遇到了一个问题。我有一个普通的HTML下拉列表(select)。我希望在选择列表中的某个选项时,将其值输出到控制台。但我一直没能成功。
这是我的HTML代码:
```html
```
以及我的JavaScript:
```javascript
function getValue() {
let select = document.getElementById('mySelect');
console.log(select.value);
}
```
点击按钮时,控制台输出的是`undefined`。我尝试了不同的方法:`select.options[select.selectedIndex].value`、`select.options[select.selectedIndex].text`——但结果都一样。请告诉我哪里做错了?是不是我访问元素的方式不对?或者需要使用其他方法?非常感谢!