可通过select元素的value属性直接获取选中项的值，用selectedoptions[0].text获取对应文本；value自动同步选中option的value（未设则取文本），text需访问option元素本身，推荐用selectedoptions[0]?.text安全获取。

直接通过 select 元素的 value 属性获取选中项的值，用 selectedOptions[0].text 获取对应文本内容。

获取选中项的 value（值）

HTML 中 <select></select> 的 value 属性会自动同步为当前选中 <option></option> 的 value 值（若 option 没设 value，则取其文本内容）。

• JavaScript 写法：document.getElementById('mySelect').value
• jQuery 写法：$('#mySelect').val()
• 注意：即使用户没操作，也会返回第一个 option 的值（除非设置了 selected 属性或 selectedIndex = -1）

获取选中项的 text（显示文本）

不能靠 value，需访问选中的 <option></option> 元素本身。

使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件

如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更

下载

• 标准写法：document.getElementById('mySelect').selectedOptions[0]?.text（推荐，支持多选且安全）
• 兼容旧版：document.getElementById('mySelect').options[document.getElementById('mySelect').selectedIndex].text
• jQuery：$('#mySelect option:selected').text()
• selectedOptions 是一个类数组，单选时取索引 0 即可；多选需遍历

监听变化实时获取

用 change 事件响应用户选择更新：

• select.addEventListener('change', function() { console.log(this.value, this.selectedOptions[0].text); });
• 注意不要用 click 或 input 替代，change 才是语义正确的事件
• 如果选项是动态生成的，建议用事件委托绑定到父容器，或在插入后重新绑定

常见坑点提醒

几个容易出错的地方：

• 未设置 value 的 <option></option>，其 value 默认等于 text，但空格/换行可能被浏览器截断
• selectedIndex 为 -1 表示无选项被选中（需手动设置 <option selected></option> 或 JS 控制）
• 禁用（disabled）的选项不会被选中，也不会出现在 selectedOptions 中
• 使用 innerHTML 或 innerText 读取 text 可能引入 XSS 风险，优先用 .text 属性

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！