Question

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

我遇到的问题是，如果他们点击添加，然后再次添加，甚至添加，然后更新，然后当他们返回到表单时添加，它具有存储在其中的先前值 - 如何清除此值？< / p>

我已将表单字段上的值设置为value =“”无效并且还尝试添加

close: clearForm

到对话框定义，并在成功函数

中将var重置为null

name = null;

在JQuery UI dialog modal form caching old values in AJAX application上找到了清除值

的建议

$('#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');
    });         


});

Answer 1

您需要在提交功能中清除表单字段（类似$("#dept_name").val("");）。

编辑：根据OP反馈删除无关的建议。

Jquery模态形成明确的值

1 个答案: