將數據插入表格並提交表格

Question

我需要創建一個兩行三列的表格。

<table border="1"> 
    <tr> 
     <td>Male</td> 
     <td>Female</td> 
     <td>Total</td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
</table> 

在這裏，我需要第二行表數據作爲輸入字段像一個窗體。我需要自己填寫並提交。如何才能做到這一點。 謝謝

Answer 1

如果您將表單發送到服務器，那麼不需要隱藏字段。相反給名稱屬性到您的字段。它將在服務器端頁面上提供。

<form id="FormName" action="server.php"> 
    <table border = "1"> 
<tr> 
<td> Male </td> 
<td> Female </td> 
<td> Total </td> 
</tr> 
<tr> 
<td> <input type="text" id="name" name="name" /></td> 
<td> </td> 
<td> </td> 
</tr> 
</table> 

<input type="button" value="Submit Data" onclick="submitForm()" /> 
</form>  

function submitForm(){ 
if(false)//check for errors 
{ 

}else{ 

      $('#FormName').submit(); 

     } 
} 

Answer 2

在第二行的細胞只是把一些投入：

<tr> 
    <td><input type="text" name="male"></td> 
    <td><input type="text" name="female"></td> 
    <td><input type="text" name="total"></td> 
</tr> 

在提交表格，您將有3個額外的參數：男，女，總在你的要求，這將包含值。

你可以走得更遠上 - 如果我的理解是正確的 - 因爲你只有數字，你可以爲number指定輸入類型，並用一個小的JavaScript功能，可以使total自動計算。

Answer 3

創建一個表單

<form name="myform" action="xxx.php"> 

    //create 3 hidden fields here 

</form> 

HTML

<table border = "1" id="mytable"> 
<tr> 
<td> Male </td> 
<td> Female </td> 
<td> Total </td> 
</tr> 
<tr> 
<td> </td> 
<td> </td> 
<td> </td> 
</tr> 
</table> 

<input type="button" value="Submit Data" onclick="submitTableData()" /> 

在您按一下按鈕，讓每個TD的值，並將其分配給隱藏的字段，然後調用提交

function submitTableData() 
{ 
    $('#hidden1').val('value of td1'); //$('#mytable tr:nth-child(2)').find('td:nth-child(1)').text() 
    $('#hidden2').val('value of td2'); //$('#mytable tr:nth-child(2)').find('td:nth-child(2)').text() 
    $('#hidden3').val('value of td3'); //$('#mytable tr:nth-child(2)').find('td:nth-child(3)').text() 

    $('#myform').submit(); 
} 

Answer 4

<form action="submit.php" method="post"> 
<table width="100%"> 
<tr> 
<td>Male</td> 
<td>Female</td> 
<td>Total</td> 
</tr> 
<tr> 
<td><input type="text" name="textnamehere" /></td> 
<td><input type="text" name="textnamehere" /></td> 
<td><input type="text" name="textnamehere" /></td> 
</tr> 
</table> 
<input type="submit" value="submit" /> 
</form> 
function addForm { 
if{ 
somecodes here if true 
}else{ 
$('variablenamehere') .submit(); 
} 
}