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

搁浅mf丶

于 2021-03-20 10:04:33 发布

阅读量4k

点赞数 4

文章标签： javascript css html

版权

本文介绍了在项目开发中如何优雅地禁用HTML Select元素的方法，包括仅禁用下拉选择、设置灰色样式以及同时实现禁用和灰显的效果。文中还讨论了不推荐使用的禁用方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

$('#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");