在用戶爲下一個輸入插入數據後清空文本字段

Question

我正在使用顯示輸入框彈出框的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> 

這顯示了彈出從該頁面執行的操作。即對於錯誤消息並插入另一個用戶表單。因此，從佈局視圖生成彈出窗口，並從插入視圖再次彈出。我試圖從插入視圖生成彈出窗口時關閉佈局視圖的彈出窗口或某種方式來清除插入視圖中的文本字段，而不顯示第二個彈出窗口。我該怎麼辦。

Answer 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"); 

       } 
      } 



     } 
     ); 

    });