📌  相关文章
📜  选择 id 获取选项值 jquery - Javascript (1)

📅  最后修改于: 2023-12-03 15:41:57.048000             🧑  作者: Mango

选择 id 获取选项值 jquery - Javascript

在Javascript和jQuery中,我们可以很容易地通过id选择器获取元素并获取其选项值。以下是如何使用代码片段:

Javascript
const element = document.getElementById('idName');
const selectedValue = element.options[element.selectedIndex].value;

在上面的代码中,我们首先使用 getElementById 方法获取元素。然后我们使用 options 属性来获取所有可用选项和 selectedIndex 属性来获取当前选中选项的索引。最后,我们获取选中选项的值。

jQuery
const selectedValue = $('#idName option:selected').val();

在上面的代码中,我们首先使用 $ 函数来选择元素,然后使用 '#idName option:selected' 选择器选择选中的选项。最后,使用 val() 方法获取选中选项的值。

总结

使用Javascript或jQuery,通过id选择器获取元素并获取其选项值非常简单。以上给出的代码片段适用于大多数情况。