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

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

 

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

©Copyright  蕃薯耀 2017年2月16日

http://fanshuyao.iteye.com/

 

一、页面表单代码

Html代码  

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代码  

1. /** 
2.  * Easyui重置表单 
3.  * @param formId 
4.  */  
5. function resetForm(formId){  
6.     $('#'+formId).form('clear');  
7. };  

 

三、调用重置方法

 

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

Html代码  

1. <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-reset"   
2.     plain="true" onclick="resetForm('searchForm')">重置</a>  

 

 

 

 

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

©Copyright  蕃薯耀 2017年2月16日

http://fanshuyao.iteye.com/