单击选项卡上的重置表单数据

时间:2013-07-25 05:03:52

标签: javascript jquery

我使用jquery标签,我的每个标签都有表格元素,如姓名,电子邮件电话号码,   当我将一些数据输入表单元素并单击另一个选项卡并返回相同的选项卡时,表单元素的数据不会刷新,我想从选项卡上单击刷新

<ul class="tab">
    <li class="active" id="tab1">tab1</li>
    <li class="" id="tab2">tab2</li>
    <li class="" id="tab3">tab3</li>
    <li class="" id="tab4">tab4</li>
</ul>
<div class="tabbody" style="display: block; "></div>
<div class="tabbody" style="display: block; "></div>
<div class="tabbody" style="display: block; "></div>
<div class="tabbody" style="display: block; "></div>

3 个答案:

答案 0 :(得分:1)

工作演示http://jsfiddle.net/cse_tushar/fX7BM/

$('#tabs').tabs({
    beforeActivate: function (event, ui) {
        $(this).find('form').trigger('reset');
    }
});

答案 1 :(得分:0)

去这个网站.............................

http://www.jquery4u.com/forms/jquery-function-clear-form-data/

答案 2 :(得分:0)

您可以清除jquery选项卡的beforeLoad事件中的表单数据。

<强> beforeLoad( event, ui )Type: tabsbeforeload

在beforeActivate事件之后,即将加载远程选项卡时触发。可以取消以防止标签面板加载内容;虽然该面板仍将被激活。在发出Ajax请求之前触发此事件,因此可以对ui.jqXHR和ui.ajaxSettings进行修改。