向表中插入数据并像表单一样提交

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

如果你发送你的表单到服务器端，那么就没有必要采取隐藏字段。相反，将name属性赋给字段。它将在服务器端页面上可用。

 <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

创建表单

<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的值并将其分配给隐藏字段，然后调用submit

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 3

<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();
}
}

Answer 4

在第二行单元格中输入一些内容:

<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被自动计算。