0

我使用 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>
4

3 回答 3

1

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

$('#tabs').tabs({
    beforeActivate: function (event, ui) {
        $(this).find('form').trigger('reset');
    }
});
于 2013-07-25T05:24:27.770 回答
0

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

beforeLoad( event, ui )类型:tabsbeforeload

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

于 2013-07-25T05:09:39.123 回答
-1

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

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

于 2013-07-25T05:07:29.577 回答