1

私はAjaxでJQueryモデルフォームを使用して、ユーザーがページをリロードせずに選択ボックスに新しい値を入力できるようにしています.[追加]をクリックすると、モーダルフォームが読み込まれ、テキストボックスにデータが入力され、Ajax経由でMySQLに送信されます。ページの [更新] をクリックすると、選択したコンテンツが更新されるため、実際のページをリロードしてコンテンツを失うことなく、新しく追加されたアイテムを使用できるようになります。

私が抱えている問題は、追加をクリックしてからもう一度追加するか、追加してから更新してから追加をクリックすると、フォームに戻ったときに以前の値が保存されていることです-どうすればこの値をクリアできますか?

フォームフィールドの値を value="" に設定しましたが無駄になり、追加も試みました

close: clearForm

ダイアログ定義に追加し、成功関数でvarをnullにリセットします

name = null;

AJAX アプリケーションで古い値をキャッシュして値をクリアするJQuery UI ダイアログ モーダル フォームに関する提案を見つけました

$('#divForm').remove();

しかし、値はまだそこにあります - どうすれば使用中に表示されないようにできますか

$(function() {
    $( "#form-dialog" ).dialog({
        autoOpen: false,
        width: 500,
        title: "Add department",
        modal: true,
        buttons: {
            "Submit": function() {
                var name = $( "#dept_name" );
                $.ajax({
                type: "POST",
                url: "dept-add.php",
                data: "dept_name=" + name.val(),
                success: function(){
                    }
                });
                $( this ).dialog( "close" );

            },
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        },
    });

    $( "#form-dialog-btn" ).click(function() {
            $( "#form-dialog" ).dialog( "open" );
    });

    $('.refresh-dept').on('click', function(e){
        e.preventDefault();
        $('.dept').load('dept.php');
    });         


});
4

1 に答える 1

0

$("#dept_name").val("");送信機能でフォームフィールドを（のようなもので）クリアする必要があります。

編集: OP フィードバックに基づいて、不要な提案を削除しました。

于 2013-07-15T17:57:42.563 に答える