2012-07-11 85 views
3

我正在使用显示输入框弹出框的jquery。当用户输入数据并提交我重定向的动作到相同的插入动作,以便文本字段可以刷新。首先弹出输入显示,但是当我提交弹出显示以前保持原样,新弹出为显示输入框,其中每次单击insert.how时都会刷新输入框。我可以关闭上一个弹出窗口并仅显示新窗口。也请解释在用户输入数据后清空文本框的方式,以便他可以输入下一个数据。在用户为下一个输入插入数据后清空文本字段

的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> 

这显示弹出当我点击一个按钮,让输入框

下面

是我在插入视图的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> 

这显示了弹出从该页面执行的操作。即对于错误消息并插入另一个用户表单。因此,从布局视图生成弹出窗口,并从插入视图再次弹出。我试图从插入视图生成弹出窗口时关闭布局视图的弹出窗口或某种方式来清除插入视图中的文本字段,而不显示第二个弹出窗口。我该怎么办。

+0

可以ü用更多的代码描述它? – bhuvin 2012-07-11 07:57:42

+0

我已经发布了上面的代码。请检查您是否可以提供帮助 – 2012-07-11 08:24:51

回答

1

这是你想在下面的代码行。我把它内嵌评论表示,但我会把它放在这里也方便查找:$(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"); 

       } 
      } 



     } 
     ); 

    }); 
相关问题