Jquery easyui 重置按钮,easyui 清空表单,Jquery easyui 重置表单

Jquery easyui 重置按钮,easyui 清空表单,Jquery easyui 重置表单

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

©Copyright  蕃薯耀 2017年2月16日

http://fanshuyao.iteye.com/

一、页面表单代码

Html代码  Jquery easyui 重置按钮,easyui 清空表单,Jquery easyui 重置表单
  1. <form id="searchForm">  
  2.     <span class="ib third">  
  3.     贷款合同编号:  
  4.     <input class="f1 easyui-textbox jtrim" id="loanContractCode" name="loanContractCode"/>  
  5.     </span>  
  6.     <span class="ib third">  
  7.     借款单位:  
  8.     <input class="easyui-combobox jtrim w250" id="lendUnitId" name="lendUnitId"   
  9.     data-options="  
  10.         editable : true,  
  11.         multiple : false,  
  12.         valueField : 'orgId',  
  13.         textField : 'orgName',  
  14.         url : 'path/getListOrgUnit?orgType=0',  
  15.         method : 'get',  
  16.         panelHeight : 'auto'  
  17.     "/>  
  18.     </span>  
  19.     <span class="ib third">  
  20.     提款截止时间:从  
  21.     <input class="easyui-datebox w100" id="drawEndtimeStart" name="drawEndtimeStart" data-options="required:false"/>  
  22.     到  
  23.     <input class="easyui-datebox w100" id="drawEndtimeEnd" name="drawEndtimeEnd" data-options="required:false"/>  
  24.     </span>  
  25. </form>  

二、js重置表单方法

Js代码  Jquery easyui 重置按钮,easyui 清空表单,Jquery easyui 重置表单
  1. /** 
  2.  * Easyui重置表单 
  3.  * @param formId 
  4.  */  
  5. function resetForm(formId){  
  6.     $('#'+formId).form('clear');  
  7. };  

三、调用重置方法

onclick="resetForm('searchForm')"中的searchForm为表单的id

Html代码  Jquery easyui 重置按钮,easyui 清空表单,Jquery easyui 重置表单
  1. <href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-reset"   
  2.     plain="true" onclick="resetForm('searchForm')">重置</a>  

(如果你觉得文章对你有帮助,欢迎捐赠,^_^,谢谢!) 

Jquery easyui 重置按钮,easyui 清空表单,Jquery easyui 重置表单

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

©Copyright  蕃薯耀 2017年2月16日

http://fanshuyao.iteye.com/