仍然可以使用键盘访问隐藏选择答案

【问题标题】：Hiding select is still accessible with keyboard仍然可以使用键盘访问隐藏选择
【发布时间】：2013-08-17 05:11:55
【问题描述】：

这是我的html：

<select name = "pincite_selection" id="pincite-selection"  style ="float:left">
 <option value ="1" >Option1</option>
 <option value ="2" >Option2</option>
</select>

还有我的 javascript

jQuery('#pincite-selection>option[value="1"]').hide();

在 jQuery 发生后（我让它在单击时激活-未显示），它成功隐藏了选项 1。但是这样做之后，如果您选择选项 2，然后按键盘上的向上键，您可以访问选项 1！

【问题讨论】：

隐藏 option 元素完全支持所有浏览器，尤其是 IE...。与其隐藏选项，不如将其删除并重新添加
您也可以禁用选项元素，但不完全支持。最好听听阿伦的建议。

标签： jquery forms select hide

【解决方案1】：

你可以添加

jQuery('#pincite-selection>option[value="1"]').attr("disabled",''); //HTML5
jQuery('#pincite-selection>option[value="1"]').attr("disabled","disabled"); //XHTML

它会阻止它在 Google Chrome 上通过键盘访问，也可以在 Firefox 和 Microsoft Edge 上运行，并且仅在 IE 中它不会消失，但仍然无法点击。

当删除和添加选项需要向服务器发出额外请求时，我发现它会更好

【讨论】：