前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >解决HTML select控件 设置属性 disabled 后无法向后台传值的方法

解决HTML select控件 设置属性 disabled 后无法向后台传值的方法

作者头像
Yiiven
发布2022-12-15 12:53:17
2.7K0
发布2022-12-15 12:53:17
举报
文章被收录于专栏:怡文菌怡文菌

大家都知道有时候修改数据的时候我们希望有一些数据是不可以修改的,通常情况下我们会将input框设置为 readonly , 但是 select 控件没有这个属性,需要使用另一个属性 disabled ,但是接着又出现其他的问题就是将select控件设置为 disabled 后提交表单后台无法获取数据。

在网上找了很多方法,大家普遍使用的最多的就是在提交表单之前的时候把 select 的属性 disabled 设为 false 。

具体的做法就是在form元素添加一个onsubmit事件,绑定到下面这个函数,然后就大功告成了。

代码语言:javascript
复制
function checkDisable() {
    $("select[disabled]").each(function() {
        if (parseInt($(this).val()) != -1) {
            $(this).attr("disabled", false);
        }
    });
    return true;
}/* Your code... */

本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息:

原文出处:Yiiven https://cloud.tencent.com/developer/article/2193104

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-12-27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档