1

我正在使用带有 Ajax 的 JQuery 模型表单，以允许用户在不重新加载页面的情况下为选择框输入新值 - 他们单击添加并加载模式表单，他们在其中将数据输入到文本框中，然后通过 Ajax 提交给 MySQL他们单击页面上的更新，它会刷新选择的内容，因此新添加的项目现在可用，而不会重新加载实际的页面，也不会丢失任何内容。

我遇到的问题是，如果他们单击添加，然后再次添加，甚至添加，然后更新，然后添加，当他们返回到其中存储了先前值的表单时 - 我如何清除该值？

我已将表单字段上的值设置为 value="" 无济于事，并且还尝试添加

close: clearForm

到对话框定义，并在成功函数中将 var 重置为 null

name = null;

找到关于JQuery UI 对话框模式表单在 AJAX 应用程序中缓存旧值以清除值的建议

$('#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 回答