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

beforeLoadjqueryタブのイベントでフォームデータをクリアできます。

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 に答える