Javascript 在用户为下一次输入插入数据后清空文本字段

我使用jquery显示输入框的弹出窗口。当用户输入数据并提交时，我将重定向操作重定向到相同的插入操作，以便可以刷新文本字段。首先显示输入弹出窗口，但当我提交时，先前显示的弹出窗口保持原样，并显示输入框的新弹出窗口，其中每次单击“插入”都会刷新输入框。如何关闭输入框上一个弹出窗口，仅显示新的弹出窗口。另外，请解释在用户输入数据后清空文本框的方法，以便他可以输入下一个数据

jquery在我的布局中

 <script type="text/javascript">

            $.ajaxSetup({ cache: false });

            $(document).ready(function () {
                $(".openDialog").live("click", function (e) {
                    e.preventDefault();

                    $("<div></div>")
                    .addClass("dialog")
                    .attr("id", $(this)
                    .attr("data-dialog-id"))
                    .appendTo("body")
                    .dialog({
                        title: $(this).attr("data-dialog-title"),
                        minWidth: 500,
                        minHeight: 100,
                        resizable: false,
                        close: function () { $(this).remove() },
                        modal: true
                    })

                    .load(this.href);
                });

                $(".close").live("click", function (e) {
                    e.preventDefault();
                    $(this).closest(".dialog").dialog("close");                    
                });
            });
    </script>
</head>

$.ajaxSetup（{cache:false}）；
$（文档）.ready（函数（）{
$（“.openDialog”）.live（“单击”，函数（e）{
e、 预防默认值（）；
$("")
.addClass（“对话框”）
.attr（“id”，$（此）
.attr（“数据对话框id”））
.附件（“正文”）
.对话({
标题：$（this.attr（“数据对话框标题”），
最小宽度：500，
身高：100，
可调整大小：false，
关闭：函数（）{$（this）.remove（）}，
莫代尔：对
})
.load（this.href）；
});
$（“.close”）.live（“单击”），函数（e）{
e、 预防默认值（）；
$（此）.close（.dialog”）.dialog（“关闭”）；
});
});

当我点击按钮获取输入框时，显示弹出窗口

下面是插入视图中的jquery

</script>
 <script type="text/javascript">
     $(function () {
         $('form').submit(function () {
                $("#popUp").dialog(
             {

                 title: $(this).attr("data-dialog-title"),
                 minWidth: 500,
                 resizable: false,

                 modal: true,

                 buttons: {
                     Close: function () {

                         $(this).dialog("close");

                     }
                 }



             }
             );

         });
     });


    </script>

$（函数（）{
$（'form'）。提交（函数（）{
$（“#弹出窗口”）。对话框(
{
标题：$（this.attr（“数据对话框标题”），
最小宽度：500，
可调整大小：false，
莫代尔：是的，
按钮：{
关闭：函数（）{
$（此）.dialog（“关闭”）；
}
}
}
);
});
});

---

这将显示从此页面执行的操作的弹出窗口。ie获取错误消息并插入另一个用户表单。因此，从布局视图生成弹出窗口，然后从插入视图生成下一个弹出窗口。当从插入视图生成弹出窗口时，我正在尝试从布局视图关闭弹出窗口，或者以某种方式清除插入视图中的文本字段，而不显示第二个弹出窗口。我应该怎么做。

这是您在下面代码中想要的行。我将其与注释内联以表示，但为了便于查找，我也将其放在这里：

$（this.find（“input”）.val（“”）

你能用更多的代码来描述它吗？我已经发布了上面的代码。请查查你是否能帮忙
    $('form').submit(function () {
            $("#popUp").dialog(
         {

             title: $(this).attr("data-dialog-title"),
             minWidth: 500,
             resizable: false,

             modal: true,

             buttons: {
                 Close: function () {
                     //This line below is what you need to clear the field
                     $(this).find("input").val("");
                     $(this).dialog("close");

                 }
             }



         }
         );

     });