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

问题:审核页面加入不可编辑的判断后,点击【审核】按钮,报错,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"  />
    <input type="hidden"  />
    <input type="hidden"  />
    <input type="hidden"  />
    <input type="hidden"  />
    <input type="hidden"  />

  

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