2013-06-13 97 views
-3

我有html表单,它接受用户details.And我想显示html表格数据到表格。那么如何在Javascript中实现这一点?如何将数据从html表单显示到表格中?

+2

那你试试请? –

+0

正如问题中提到的,我只是想以表格的形式显示html表单的细节。 – Sunil

+1

您应该提供至少一项自己的尝试来解决您的问题。此外,您的来源的例子会有所帮助。 – kleinfreund

回答

0

听起来好像你并没有使用服务器端发布,但你只是试图将信息放在一个表单上,并显示在同一页上的表格中。我对吗?

如果是的话,这是函数的例子,你可以使用:

的JavaScript:

function addRowToTable() { 
    var tbl = document.getElementById('tblSample'); 
    var lastRow = tbl.rows.length; 
    // if there's no header row in the table, then iteration = lastRow + 1 
    var iteration = lastRow; 
    var row = tbl.insertRow(lastRow); 

    // left cell 
    var cellLeft = row.insertCell(0); 
    var textNode = document.createTextNode(iteration); 
    cellLeft.appendChild(textNode); 

    // right cell 
    var cellRight = row.insertCell(1); 
    var el = document.createElement('input'); 
    el.type = 'text'; 
    el.name = 'txtRow' + iteration; 
    el.id = 'txtRow' + iteration; 
    el.size = 40; 
    cellRight.appendChild(el); 
} 

function removeRowFromTable() 
{ 
    var tbl = document.getElementById('tblSample'); 
    var lastRow = tbl.rows.length; 
    if (lastRow > 2) tbl.deleteRow(lastRow - 1); 
} 

为全面落实,请按照链接:http://www.codeproject.com/Articles/19532/Dynamic-Table-using-html-and-javascript

0

您可以使用jQuery获取HTTP GET参数,并使用带HTTP的HTTP GET发布表单并使用jQuery over HTTP GET接收表单参数。 JQuery或者一些JavaScript框架也可以做HTTP POST,但是如果你没有太多的需求,你会希望保持这个用例简单。

如果您需要编写代码的帮助,您可以在www.jsfiddle.net上执行此操作,我们将在此处提供帮助,或者如果任务超出您的能力,我们可以在此处发布代码。

相关问题