抓取select选中文本,又不想要抓取全部的无意中看到了这个属性

1 作用

1.1 描述

获取select标签选中的option

1.2 图片示例

1.3 注意事项

通过这中方式获取到的是一个数组,因此要获取具体的话 添加索引下标

2 代码示例

2.1 获取元素

//获取id为origin选中的option
document.querySelector("#origin").selectedOptions

//获取id为origin选中的option第一个元素文本
document.querySelector("#origin").selectedOptions[0].innerText

2.2 图片示例

2.3 jquery 获取

// 作用等同于 2.1 
$("#origin").find("option:selected");
$("#origin").find("option:selected").text();

2.4 附加属性 selectedIndex

// 获取选中option的索引
document.querySelector("#origin").selectedIndex

本文链接：selectedOptions属性 - https://myags.cn/index.php/255.html

版权声明：如无特别声明，本文即为原创文章，仅代表个人观点，版权归 拾穗儿's 所有，未经允许不得转载！
最后修改：2021 年 07 月 05 日 05 : 18 PM
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏