JS获取下拉列表所选中的TEXT和Value的实现代码

在JavaScript中，获取下拉列表（``元素）所选中的项的TEXT和Value可以通过原生JavaScript的属性和方法来实现。以下是一个简单的示例代码，展示了如何做到这一点：

// 假设你的<select>元素有一个id="mySelect"
var selectElement = document.getElementById("mySelect");

// 获取选中的Value
var selectedValue = selectElement.value;

// 获取选中的Text，这里需要使用循环或者查询selectedIndex对应的option
var selectedText = selectElement.options[selectElement.selectedIndex].text;

// 输出结果
console.log("Selected Value: " + selectedValue);
console.log("Selected Text: " + selectedText);

这段代码首先通过`document.getElementById`获取到`

`元素，然后分别通过`.value`属性和`.options[selectedIndex].text`来获取选中的Value和Text。其中，`selectedIndex`属性返回当前选中项的索引，而`options`是一个包含所有``元素的集合，通过索引可以访问到具体的``元素，进而获取其`text`属性。

注意，这个示例假设你的``元素已经存在于DOM中，并且具有一个唯一的`id`属性，以便通过`getElementById`方法获取到它。如果你的``元素是通过JavaScript动态添加到DOM中的，确保在尝试访问它之前，它已经被正确地添加到了DOM中。