处理jquery 中 给disabled属性不传值的问题

Posted 2020-10-16 一米阳光jack

问题：审核页面加入不可编辑的判断后，点击【审核】按钮，报错，form表单的数据没有传递过去。

下面是js中加入的代码，用来判断是否是审核页面的，去掉此代码，点击【审核】按钮能正常传递数据，加入的话，无法传递。

 

 

    if (data.WF_W_STATUS > 0 && data.WF_W_STATUS != 2) {
                $(‘input,textarea‘).attr("disabled", "disabled");
            }

 

 问题详解：

                在form表单里，如果对input加入disabled="disabled"或disabled="true"等属性，form表单提交的时候，就不会传值到后台。

原因：在html页面的某元素加入了disable的属性，那么这个元素只是单单的去给用户去显示，当表单提交时，这个元素不会提交给后台去处理．所以当元素加入了disabled属性，后台是无法得到这个属性的值．

解决方法：再写一个隐藏属性，一个用于显示，一个用于传值。

处理方式：

1.首先去掉js中的input的，改成：input[type=text],这样只是用来隐藏类型为text,textarea的,

(data.WF_W_STATUS > 0 && data.WF_W_STATUS != 2) {
                $(‘:input[type=text],textarea‘).attr("disabled", "disabled");
            }

 

 

同时在提交的表单加入被隐藏的类型的字段

    <input type="hidden" id="XSBH" name="XSBH" />
    <input type="hidden" id="WORKFLOWID" name="WORKFLOWID" />
    <input type="hidden" id="WF_W_STATUS" name="WF_W_STATUS" />
    <input type="hidden" id="WF_T_NODENAME" name="WF_T_NODENAME" />
    <input type="hidden" id="WF_T_AUDITNAME" name="WF_T_AUDITNAME" />
    <input type="hidden" id="WF_T_AUDITSTATE" name="WF_T_AUDITSTATE" />

　　

放在表单中，让表单提交的时候提交的是隐藏类型，不过要注意，加载disabled的前后传值，不然会出现覆盖的情况。