Jquery easyui 重置按鈕，easyui 清空表單，Jquery easyui 重置表單

Jquery easyui 重置按鈕，easyui 清空表單，Jquery easyui 重置表單

 

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

©Copyright  蕃薯耀 2017年2月16日

http://fanshuyao.iteye.com/

 

一、頁面表單代碼

<form id="searchForm">
    <span class="ib third">
    貸款合同編號:
    <input class="f1 easyui-textbox jtrim" id="loanContractCode" name="loanContractCode"/>
    </span>
    <span class="ib third">
    借款單位:
    <input class="easyui-combobox jtrim w250" id="lendUnitId" name="lendUnitId"
    data-options="
        editable : true,
        multiple : false,
        valueField : 'orgId',
        textField : 'orgName',
        url : 'path/getListOrgUnit?orgType=0',
        method : 'get',
        panelHeight : 'auto'
    "/>
    </span>
    <span class="ib third">
    提款截止時間:從
    <input class="easyui-datebox w100" id="drawEndtimeStart" name="drawEndtimeStart" data-options="required:false"/>
    到
    <input class="easyui-datebox w100" id="drawEndtimeEnd" name="drawEndtimeEnd" data-options="required:false"/>
    </span>
</form>

 

二、js重置表單方法

/**
 * Easyui重置表單
 * @param formId
 */
function resetForm(formId){
    $('#'+formId).form('clear');
};

 

三、調用重置方法

 

onclick="resetForm('searchForm')"中的searchForm為表單的id

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

 

 

 

（如果你覺得文章對你有幫助，歡迎捐贈，^_^，謝謝！） 

 

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

©Copyright  蕃薯耀 2017年2月16日

http://fanshuyao.iteye.com/