在不使用jQuery的情况下获取HTML中的选定选项

我在每个<option>上使用以下函数来确定它是否被选中:

 var _matches = function(el, selector) { var fn = el.matches || el.matchesSelector || el.msMatchesSelector || el.mozMatchesSelector || el.webkitMatchesSelector || el.oMatchesSelector; return fn.call(el, selector); }; 

它在jsdom中工作正常,并且对于select器起作用:checked在浏览器中:checked (在checkboxinput上),而不是对于select器:selected ,这是奇怪的。

我收到错误(在Chrome中):

未捕获SyntaxError:未能执行“元素”上的“匹配”:“:已select”不是有效的select器。

       

网上收集的解决方案 "在不使用jQuery的情况下获取HTML中的选定选项"

错误消息似乎是正确的:selected不是一个有效的select器,甚至querySelector('option:selected')失败

有效的伪select器是

 :active :checked :default :dir() :disabled :empty :enabled :first :first-child :first-of-type :fullscreen :focus :hover :indeterminate :in-range :invalid :lang() :last-child :last-of-type :left :link :not() :nth-child() :nth-last-child() :nth-last-of-type() :nth-of-type() :only-child :only-of-type :optional :out-of-range :read-only :read-write :required :right :root :scope :target :valid :visited 

MDN表示 ,使用正确的伪造类将会被:checked

:checked CSS伪类select器代表:checked任何无线电( <input type="radio"> ),checkbox( <input type="checkbox">或选项( <option>切换到开启状态