jQuery 设置 select 无法选择（类似禁用），且可以提交

概要

在项目开发中，一般回填页面的 select 都是为不可再次选择的，但是直接使用 disabled 属性会使 select 框无法再次提交，所以使用 css 对 select 框设置禁用选择是最好的办法。

select 禁用下拉选择

$('#xxx').attr('style','pointer-events: none;');

select 设置灰色

$('#xxx').attr('style','background-color: #EEEEEE;');

禁用且灰色

$('#xxx').attr('style','pointer-events: none;background-color: #EEEEEE;');

不可再次提交方式

不建议使用

<select id="xxx" style="background-color: #EEEEEE;" disabled="disabled">

或

<!-- 禁用 -->
$('#xxx').attr('disabled','disabled');
<!-- 取消禁用 -->
$("#xxx").removeAttr("disabled");