jquery - 仍然可以使用键盘访问隐藏选择

Question

这是我的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！

Answer 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 中它不会消失，但仍然无法点击。

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