2014-01-08 70 views
-2

現在我已經寫了一些HTML標籤,和一些JS PHP & PHP,並且PHP返回一些數據到JS然後返回到HTML,通過返回這個數據我想要在HTML表單中進行更改。如何添加​​</td>標籤表後一些動作

讓我們來解釋一下:

HTML中包含一個表,我想通過新的數據從PHP

返回我該怎麼辦呢一些新的行和列添加到該表...之後,我已經關閉了表標籤「???

+2

你能分享你已經有了,你已經嘗試過什麼碼?另外,您是否嘗試在PHP或JavaScript中添加新行(即在頁面加載之前或之後)? – newfurniturey

+0

等待,你想在PHP或JavaScript中添加行嗎? –

回答

0

要短,添加一行到一個table

yourTable.appendChild(document.createElement("tr")); //native 

- or - 

$("<tr>").appendTo(yourTable);      //jQuery 

增加小區:

yourRow.appendChild(document.createElement("td")); //native 

- or - 

$("<td>").appendTo(yourRow);       //jQuery 

要追加HTML或文本到新創建的節點:

yourCell.innerHTML = "Your Text"; 

- or - 

$(yourCell).html("Your HTML");/$(yourCell).text("Your text"); 

參考文獻:document.createElementNode.appendChild

小演示:http://jsfiddle.net/DerekL/rS8H8/


您可能需要通過 XMLHttpRequest$.ajax請求您的數據和應用上面提到的達到你想要的功能的方法。

+0

當我追加孩子是默認添加這些孩子的結束標籤? –

+0

@ Abdel-rahmanEl-Carpenter - 你並不需要關心結束標記,因爲所有JavaScript關心都是節點,而不是HTML。 –

+0

@ Abdel-rahmanEl-Carpenter - 如果您感到困惑,請隨時在本演示中觀看一下:http://jsfiddle.net/DerekL/rS8H8/ –

0

使用AJAX檢索來自服務器的數據,然後使用jQuery append()<td>標籤添加到<table>

0

試試這個:link或 HTML:

<table id=mytable border="1"> 
    <tr><td>rahul</td><td>sahu</td></tr> 
</table> 
<button>Add New Row</button> 

的jQuery:

$("button").click(function(){ 
    var newRow = "<tr><td>rohit</td><td>sahu</td></tr>"; 
    $("#mytable").append(newRow); 
}); 
+0

小心[script injection](https://en.wikipedia.org/wiki/Code_injection#HTML_Script_Injection):/ –

相關問題