表單提交後更新div

-1

我的第一篇文章在Stackoverflow上。表單提交後更新div

我正在用bootstrap和php構建一個頁面。我在一個div中的文本字段中的數據庫中有一個值加載。

在同一頁面我有一個按鈕加載一個模式，其中我有一個窗體與文本字段中具有相同的值加載。

因此，如果用戶更改表單中的值並點擊更新，我希望模式關閉和頁面上的值更新。

所有的模式，窗體，加載和保存數據庫正在工作。我卡住的地方是div刷新數據部分。

有任何建議。

來源

2013-08-02 MathieuB

發表一些代碼！：D – dfockler

您需要向我們展示一些代碼，直到現在您做了什麼。此處沒有人無法爲您製作所有代碼。 –

對不起，我會盡快回到家中。我現在在火車上。抱歉 – MathieuB

您可以通過使用text

$("div#some_id").text("new text")

改變div的內容或使用html

$("div#some_id").html("<h1>Hello</h1>")

添加HTML或使用可變

var post_name = "Update div after form submit"; 
$("div#some_id").text("Thanks for adding a new post called '" + post_name + "'")

來源

2013-08-02 22:32:27

如果您正在使用jQuery阿賈克斯發佈你可以做到這一點

$.ajax({ 
    type: 'POST', 
    url: 'php file name', 
    dataType: 'html', 
    data: 'somedata', 
    success: function(data) { 
     $('#divID').html(data) 
    }, 
    error: function(XMLHttpRequest, textStatus, errorThrown) { 
     alert("Failed to load"); 
    } 
});

來源

2013-08-02 22:32:28 Jacob

IF是一個輸入： api.jquery.com/val/

$(element_to_change).val(ajaxResponse.new_value)

OR api.jquery.com/html/

$(element_to_change).html(ajaxResponse.new_value)

模態

如果模態是JqueryUI對話框

http://api.jqueryui.com/dialog/#method-close

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

所以你可以做

$.ajax({ 
    success : function (ajaxResponse) { 
     $(element_modal).dialog({ 
      close: function(event, ui) { 
      $(element_to_change).html(ajaxResponse.new_value) 
      //OR 
       $(element_to_change).val(ajaxResponse.new_value) 
      } 
     }); 
    } 
});

如果不是jQueryUI的對話框

$(element_modal).hide();

或者從DOM

刪除元素

來源

2013-08-02 23:13:12 Tidytrax

表單提交後更新div

回答

相關問題