我有下面的JQuery Dialog脚本,我试图找到如何在关闭对话框时触发清除表单的函数.
function clearForm() { $(':input','#calcQuery') .not(':button,:submit,:reset,:hidden') .val(''); }; // form popup $(document).ready(function() { //var dataString = $("#calcQuery").serialize(); $("#formBox").dialog({ bgiframe: true,autoOpen: false,height: 600,width: 400,modal: false,cloSEOnEscape: true,title: "Calculator",buttons: { "Calculate": function() { // form post $.ajax({ type: "POST",url: "calc.PHP",data: $("#calcQuery").serialize(),dataType: "html",success: function(response) { $("#calcBox").html(response); $("#calcBox").show(); },error: function (xhr,ajaxOptions,thrownError) { alert(xhr.status); alert(thrownError); } }).responseText; // form post } } }); $('#calcButton').click(function(){ $('#formBox').dialog('open'); return false; }); }); $("#formBox").bind('dialogclose',function(event) { clearForm(); });
解决方法
这将重置表单:
$("#form").trigger( "reset" );