2

2 行 3 列のテーブルを作成する必要があります。

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

ここでは、フォームのような入力フィールドとして 2 行目のテーブル データが必要です。自分で記入して提出する必要があります。これはどのように行うことができますか。ありがとうございました

4

4 に答える 4

2

フォームをサーバーサイドに送信する場合、隠しフィールドを取得する必要はありません。代わり に、フィールドに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();

        }
}
于 2013-01-19T06:33:24.020 に答える
1 
<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();
}
}
于 2013-01-19T07:37:34.040 に答える
1

フォームを作成する

<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();
}
于 2013-01-19T06:24:31.100 に答える
0

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自動的に計算することができます.

于 2013-01-19T06:20:15.587 に答える