javascript - 查找在 <select> 中选择了哪个 <Option>(没有 JQuery)

标签 javascript html css-selectors

我有以下元素:

<select id="color" name="colorId" class="btn secondary">
    <option value="347366" selected="selected">Purple</option>
    <option value="56634">White</option>
</select>

我想找到选择了哪个选项:

以下仅给我默认值:

document.querySelector('#color option[selected="selected"]')

(我知道如何用 JQuery 做到这一点,但是,我不能使用 jQuery 或任何其他类似的库)

最佳答案

使用 :checked 选择器。这适用于复选框、单选框和选择

document.querySelector('#color option:checked')

对于节点

document.querySelector('#color option:checked').value

值(value)

关于javascript - 查找在 <select> 中选择了哪个 <Option>(没有 JQuery),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14333797/

相关文章:

javascript - 使用 Jest 模拟 Firebase onValue 函数

python - 如何在按下按钮后在 Flask 中显示图像

Python- Selenium : Chrome headless setting does not work with "WebDriverWait"

css 多类/id 选择器?

javascript - 使用有效的 $cleanName 但 $cleanComment 无效

javascript - 如何将我的 JQuery 函数压缩到一个 block 中?

html - 使用百分比定义 mat-card-title 宽度

css - 如何创建一个需要在一个元素中使用多个类的 CSS 选择器?

javascript - 调用dojo.ready内部的函数

html - 如何使用 AngularJS 控制 HTML5 详细信息标签是否打开