【笔记】获取下拉列表选中项的值

发表于 更新于 阅读次数：

前言

获取下拉列表选中项的值

准备工作

1
2
3
4
<select id="select">
  <option value="值1" selected>内容1</option>
  <option value="值2">内容1</option>
</select>

JavaScript

1
2
3
4
5
6
7
8
// 获取选中项的索引
let index = document.getElementById("select").selectedIndex;
// 根据索引获取选中项对象
let dom = document.getElementById("select").options[index];
// 根据对象获取值
dom.value;
// 根据获取内容
dom.text;

jQuery

1
$("#select option:selected").val()

完成

参考文献

CSDN——@进行中