如何在执行某些操作后向表中添加标记

时间:2014-01-08 04:17:12

标签: javascript html

现在我写了一些HTML标签,还有一些JS& PHP,然后PHP将一些数据返回给JS然后返回HTML,通过返回这些数据,我想在HTML表单中进行更改。

让我们来解释一下:

Html包含一个表,我想通过从php中返回新数据来向该表添加一些新的行和列

我怎么做...在我关闭表格标签后“???

3 个答案:

答案 0 :(得分:0)

使用AJAX从服务器检索数据,然后使用jQuery append()<td>标记添加到<table>

答案 1 :(得分: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.createElement Node.appendChild

一点点演示:http://jsfiddle.net/DerekL/rS8H8/

<小时/> 您可能需要通过XMLHttpRequest$.ajax申请数据,并应用上述方法来实现您想要的功能。

答案 2 :(得分: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);
});