设置select下拉框不能选择

最新推荐文章于 2025-07-21 14:23:33 发布

soliderzzz

最新推荐文章于 2025-07-21 14:23:33 发布

阅读量5.4w

点赞数 11

CC 4.0 BY-SA版权

分类专栏：技术宅

本文链接：https://blog.csdn.net/qq_18975791/article/details/80395837

技术宅专栏收录该内容

103 篇文章

订阅专栏

本文探讨了在网页开发中设置select下拉框为disabled状态导致的选择值无法提交的问题，并提供了解决方案。通常，将select元素设置为disabled会导致其值在表单提交时丢失。解决方法是在提交前移除disabled属性。

设置select下拉框不能选择，利用disabled="disabled"。

在有一次的项目开发过程中，下拉框选择值后，页面跳转到其他页面，在处理过程中，将此下拉框设为disabled(需求原因，不能更改此下拉框的值），但后面提交时，发现此下拉框值不见了（或者说值为空），经过长时间的查找原因，发现此下拉框为disabled

然后发现disabled并不能提交值，在此需求情况下，解决方法为：

当属性设置为disabled时，提交时，select的值无法传递，提交前移除disabled属性

很多人都认为设置disabled="true"是为启用，设置为“false”时为禁用，这是错的。只要元素里面设置了disabled=“xxx”不管里面为什么都为禁用。
所以原生设置：启用--dom.setAttribute("disabled","disabled") ; 禁用--dom.removeAttribute(“disabled”);
jquery设置：$("#id").attr("disabled","disabled");
                    $("#id").removeAttr("disabled");