在JavaScript中获取HTML下拉列表的选定文本

当您需要在JavaScript中获取下拉列表的选定文本时，可以使用以下代码片段：

let dropdownList = document.getElementById("myDropdownList");
let selectedText = dropdownList.options[dropdownList.selectedIndex].text;

这段代码首先获取了下拉列表元素，以'id'属性名为"myDropdownList"为例。然后通过.options属性获取到选项列表的数组，并取得选中选项的文本值。

代码解析

1. 获取下拉列表的元素：

let dropdownList = document.getElementById("myDropdownList");

这个例子使用了getElementById 方法，它会从整个文档中查找给定的ID名，指定的值“myDropdownList”是下拉列表的ID标识。

2. 获取选中的选项：

let selectedText = dropdownList.options[dropdownList.selectedIndex].text;

首先使用dropdownList.options获取下拉列表的所有选项，然后使用dropdownList.selectedIndex获取选中选项的索引。最后，使用.text获取到该选项的文本内容。

Markdown 格式

## 在JavaScript中获取HTML下拉列表的选定文本

当您需要在JavaScript中获取下拉列表的选定文本时，可以使用以下代码片段：

```javascript
let dropdownList = document.getElementById("myDropdownList");
let selectedText = dropdownList.options[dropdownList.selectedIndex].text;

这段代码首先获取了下拉列表元素，以'id'属性名为"myDropdownList"为例。然后通过.options属性获取到选项列表的数组，并取得选中选项的文本值。

代码解析

1. 获取下拉列表的元素：

let dropdownList = document.getElementById("myDropdownList");

这个例子使用了getElementById 方法，它会从整个文档中查找给定的ID名，指定的值“myDropdownList”是下拉列表的ID标识。

2. 获取选中的选项：

let selectedText = dropdownList.options[dropdownList.selectedIndex].text;

首先使用dropdownList.options获取下拉列表的所有选项，然后使用dropdownList.selectedIndex获取选中选项的索引。最后，使用.text获取到该选项的文本内容。