处理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" 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的前后传值,不然会出现覆盖的情况。