js怎么获取下拉列表选中的值

js
1594
2023/7/11 9:18:08
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

在JavaScript中,可以通过以下方式获取下拉列表(select元素)选中的值:

  1. 使用JavaScript的getElementById方法获取下拉列表的DOM元素。

  2. 使用selectedIndex属性获取选中项的索引。

  3. 使用options属性获取下拉列表的所有选项。

  4. 使用选项的value属性获取选中项的值。

下面是一个示例代码:

<select id="mySelect">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
<script>
// 获取下拉列表元素
var selectElement = document.getElementById("mySelect");
// 获取选中项的索引
var selectedIndex = selectElement.selectedIndex;
// 获取下拉列表的所有选项
var options = selectElement.options;
// 获取选中项的值
var selectedValue = options[selectedIndex].value;
console.log(selectedValue);
</script>

在上面的示例中,selectElement.selectedIndex获取选中项的索引,然后使用options[selectedIndex]获取选中项的DOM元素,再通过.value获取选中项的值。最后,使用console.log打印选中的值。

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: JS中switch的写法有哪些