js如何获取select控件选中的值

html代码中有如下select控件及其options，默认第一个选中
```
<select id="sel" onchange="f_select(this)">
    <option value="1" selected="selected">选项1</option>
    <option value="2">选项2</option>
    <option value="3">选项3</option>
</select>
```

当下拉选择新的option后，如何获取select控件选中的值呢？

首先给select添加一个 onchange 事件，当用户选择新项时触发，并弹窗显示选中的value。

```
#onchange事件
function f_select(_this){
    let o = $(_this);
    alert(o.val());
}
```

通过遍历获取选中的项
```
function f_get_option(){
    let option = $("#sel option:selected");
    alert(option.val());
}
```

JavaScript

我的笔记

jQuery/js如何把json字符串转换为json对象 jQuery JavaScript JSON

Mocha - 有趣、简单、灵活的 JavaScript 测试框架 | Mocha 中文文档 JavaScript Mocha 测试框架

Javascript 清空 input type=file 已选文件的值 JavaScript

Js获取当前日期时间及其它操作 JavaScript

JS 新增了一个 URL.canParse()方法，可以验证字符串是否为有效 URL JavaScript

js判断键盘按键的键值码大全 JavaScript

js实现 html 转 markdown JavaScript Markdown

JS实现简单hashtable JavaScript

JavaScript实现将一组字符串乱序输出 JavaScript

js追加元素的几种方法：append，appendTo，after，before，insert等 JavaScript jQuery

原生js 和 jQuery 如何解析处理json字符串 jQuery JavaScript JSON

Javascript 自定义 trim、trimEnd、trimStart 替换自带的方法去掉字符串首位指定的字符 JavaScript

JavaScript 禁止按 enter 回车键触发页面的onsubmit事件 JavaScript

Javascript怎么获取时间戳 JavaScript