javascript中获取选中项的value和selectedindex最简方式是select.value和select.selectedindex；value返回首个选中项值（多选时非数组），未选中时为空字符串；selectedindex返回首个选中项索引，未选中时为-1。
在 JavaScript 中操作 <select></select> 下拉列表，获取选中项的值（value）和索引（selectedIndex）非常直接，核心是通过 DOM 元素的内置属性完成，无需遍历所有 <option></option>。
获取选中项的值（value）
使用 selectElement.value 即可直接拿到当前选中 <option></option> 的 value 属性值。它等价于 selectElement.options[selectElement.selectedIndex].value，但更简洁可靠。
- 如果下拉框是单选（默认行为），
value返回唯一选中项的值； - 如果设置了
multiple属性，value仍只返回第一个选中项的值（注意：不是数组）；要获取全部选中值需配合selectedOptions或遍历options； - 若没有选项被选中（如初始状态且无
selected属性），value为空字符串""。
获取选中项的索引（selectedIndex）
selectElement.selectedIndex 是原生属性，返回当前选中 <option></option> 在 options 集合中的零基索引。
- 未选中任何项时，值为
-1； - 单选下拉框中，始终只有一个有效索引（≥ 0）；
- 多选下拉框中，它**只反映第一个被选中的项的索引**，不表示“当前点击的项”，也不代表所有选中项 —— 多选场景需用其他方式处理。
同时读取值与索引的典型写法
实际开发中常一起使用，例如表单提交前校验或联动更新：
const select = document.getElementById('mySelect');
const selectedIndex = select.selectedIndex;
const selectedValue = select.value;
if (selectedIndex === -1) {
console.log('尚未选择任何选项');
} else {
console.log('索引：', selectedIndex, '值：', selectedValue);
}
补充：获取选中文本（text）和完整 option 元素
有时还需要显示文字或操作 DOM 节点：
- 选中文本：
select.options[select.selectedIndex]?.text（加可选链防报错）； - 选中项的 DOM 元素：
select.selectedOptions[0]（兼容多选，单选也适用）； - 多选时遍历所有选中项：
Array.from(select.selectedOptions).map(opt => opt.value)。
不复杂但容易忽略细节：value 和 selectedIndex 是实时响应的，无需事件监听也能随时读取；但想在用户切换时响应，记得绑定 change 事件而非 click。
