點擊保存後刷新div

我的佈局中有兩個div。在左邊的div裏，我寫了一個表格，右邊的div裏有一個表格。點擊保存後刷新div

點擊保存按鈕後，只有我的表格存在的權利div必須刷新。有人能幫我嗎？

這是我的代碼

//This is my **Left div**, Where i need to enter the **values** and when I click on **save** button, All the values must be displayed in the **right div** and that **right div must be refreshed** 


<div align="left"> 

    <div id="bundle_number_text_label"> Bundle Number </div> 
    <input id="bundlenumber" style=" padding: 3px 0;" type="text" name="bundle_number" /><br /> 


    <div id="date_text_label"> Date </div> 
<input type="text" style=" padding: 3px 0;" id="date" READONLY/><br/> 




<div id="length_text_label"> Length </div> 
<input id= "length" style=" padding: 3px 0;" type="text" name="Length" /> (in mm) 



<input type="radio" name="browser" value="number" checked> 
<label><?=lang('number_txt')?></label> 
    <input type="radio" name="browser" value="Balance"/> 
    <label><?=lang('balance_txt')?></label></br> 
<input id= "rate" style=" padding: 3px 0;" type="text" name="Rate" /> 

<input type="button" value="Save" name="Save" id="save_id"> 

</div>

//這是我正確的div，點擊保存按鈕後，必須在這裏顯示了所有值，這div有被刷新。

<div id="div_save" align="left"> 
<table align="center !important" width="80%" border="1px" cellspacing="0" cellpadding="0"> 
<tr> 
    <th>Select</th>&nbsp; 
    <th>Bundle Number</th>&nbsp 
    <th>Date</th>&nbsp; 
    <th>Length(mm)</th>&nbsp; 
    <th>Numbers</th> 
    <th style="display:none;">Party id</th> 
</tr> 

    <tr> 
    <td align="center" valign="top"> 
    <input type="radio" /></td> 
    <td align="center" valign="top"></td> 
    <td align="center" valign="top"></td> 
    <td align="center" valign="top"></td> 
    <td align="center" valign="top"></td> 
</tr> 

    <tr> 
    <td align="center" valign="top"> 
    <input type="radio" /></td> 
    <td align="center" valign="top"></td> 
    <td align="center" valign="top"></td> 
    <td align="center" valign="top"></td> 
    <td align="center" valign="top"></td> 
</tr> 
</table> 
</div>

來源

2012-06-05 anu1989

刷新手段???發佈一些你的代碼，我們不能幫助那麼少的信息 – Neji

好的。編輯代碼。你現在可以請幫忙嗎？ – anu1989

使用$('#the_one_div').load('source.html');重新加載button click（）事件中div的內容。

http://api.jquery.com/load/

來源

2012-06-05 09:46:34

最簡單的方法是提供您的服務器端一定的支持，以使只有你的表。

然後，只是做

var submittedData = $('#myForm').serialize(); 
$('#myTable').load('http://www.example.com/myPage?renderTable', submittedData);

更高級的版本將得到一個JSON字符串，並創建表客戶端。

來源

2012-06-05 09:47:21

你可以使用Ajax的這種類型的需求

來源

2012-06-05 10:05:15 prakash

你可以做，在兩個或三個時髦的方式：

您可以將所有你想要的內容被刷新到外部文件和使用標記僅用於更新該特定幀，或者

您可以使用Ajax僅刷新所需的html部分，如下例所示：http://www.w3schools.com/Ajax/ajax_example.asp。

但也許最簡單的方法是利用jQuery的力量。在jQuery中，您可以這樣做：

$('#first_div').load('test.html', function() { 
    alert('Loading completed.'); //callback function 
});

來源

2012-06-05 10:09:28

+1鏈接到相關的教程，並提供一個簡單的例子。但我不認爲使用iframe已經非常「時髦」了。 – megaflop

也許你應該展示如何**保存**與jQuery，因爲這是一個要求？ –

使用jQuery通過AJAX POST表單。

var formData = $('#MyForm').serialize(); 
$.post('url-to-POST-to.html', 
    formData, 
    function(data){ 
     $('#div_save').html(data); 
    } 
);

成功後，具有該ID的div將其內容替換爲服務器爲迴應您的POST而發回的內容。

PS：你的FORM標籤在左邊的div在哪裏？

來源

2013-05-08 02:34:50

點擊保存後刷新div

回答

相關問題