如何在 TypeScript 中获取下拉框的值

如何获取 TypeScript 下拉框的值

在 TypeScript 中，获取 can 的值。 在下一步中选择下拉框。 值：

1。 引用HTML元素

首先，使用getElementById()方法引用下拉框的HTML元素，如下所示。

const dropdownElement = document.getElementById('my-dropdown');

2.获取所选选项

引用下拉框元素后，使用selectedIndex属性即可获取当前所选选项。获取可选索引。 索引从 0 开始，第一个选项的索引为 0。

const selectedIndex = dropdownElement.selectedIndex; 

3. 选择检索所选选项的值

您可以使用options 属性通过Masu 的索引来检索所选选项的值。

const selectedValue =dropdownElement.options[selectedIndex].value;

4.输出选中的值

最后可以使用用于打印所选值的 console.log() 方法：

console.log ( selectedValue);

示例代码：

 const dropdownElement = document.getElementById('my-dropdown'); const selectedIndex = dropdownElement.selectedIndex; const selectedValue = dropdownElement.options[selectedIndex].value;console. >按照以下步骤，您可以轻松获取TypeScript中下拉框的选定值。