zl程序教程

您现在的位置是:首页 >  Java

当前栏目

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

2023-02-18 16:29:49 时间

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

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

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

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://www.yiiven.cn/html-select-disable-can-not-post.html