Question

我正在处理此表，其中将有10个不同的项目（木星，天王星，土星等），并且每行中都有一个供用户添加更新的注释部分。如屏幕快照所示，每一行都有其自己的“添加记录”按钮，但我希望表底部有一个“提交”按钮来更新多个注释部分。目前，只能提交一个文本区域。

这是表文件中的片段：

 echo "<h3> Welcome ". $username; 
 echo "<h3> Form Data </h3>";
 echo "<table border='1'>";
 echo "<tr>
 <th>Project</th>
 <th>%Completed</th>
 <th>Comments</th>
 </tr>";
 echo "<tr>
 <td>Jupiter</td>
 <td>78%</td>
 <td>";?> <form action = 'summary.php' method="post">
 <textarea name="text1" rows="2" cols=15></textarea>
<input type="submit" name="value1" value="Add Record"> 
</form>
<?php "</td>
 </tr>";
 echo "<tr>
  <td>Uranus</td>
 <td>69%</td>
 <td>";?> <form action = 'summary.php' method="post">
 <textarea name="text2" rows="2" cols=15></textarea>
<input type="submit" name="value2" value="Add Record"> 
</form> <?php


 echo "</table>";

以下是摘要文件中的片段：

    <?php


$PC1 = $_POST["text1"];
$PC2 = $_POST["text2"];

//Display in table 
echo "Table updated by: " .$_SESSION['appusername'];
 echo "<table border='1'>";
 echo "<tr>
 <th>Project</th>
 <th>%Completed</th>
 <th>Comments</th>
 </tr>";
 echo "<tr>
 <td>Jupiter</td>
 <td>78%</td>
 <td>$PC1</td>
 </tr>";
 echo "<tr>
 <td>Uranus</td>
 <td>69%</td>
 <td>$PC2</td>
 </tr>";

 echo "</table>";



?>
</body>

任何建议都很好

Answer 1

您可以尝试以下操作：

<form>

  <table>
    <tr>
      <td>project 1</td>
      <td></td>
      <td><input name="projects[1][comment]"></td>
      <td><button name="submit_id" value="1">Comment</button></td>
    </tr>
    <tr>
      <td>project 2</td>
      <td></td>
      <td><input name="projects[2][comment]"></td>
      <td><button name="submit_id" value="2">Comment</button></td>
    </tr>
  <table>
  <button name="submit_id" value="all">Submit all</button>
  
</form>

<form>内的任何提交按钮都会将整个表单发送到服务器，但是使用submit_id值，您可以决定需要处理此请求的哪些字段：对一个特定项目的注释，或所有评论。

Project 2按钮：

«全部提交»按钮：

Answer 2

编写一个JavaScript代码以从输入中获取所有值。将类添加到“ planets”之类的输入中，并通过javascript代码将其全部获取 $（'。planets'）然后遍历行星将这些值读取到数组中，然后将其发送到服务器。

$(function(){

$('#sender').on("click", function(){

var pl = $(".planets");
var data = [];
pl.each(function(){
    data.push($(this).val());
});

serverData = JSON.stringify(data)

document.writeln(serverData)

});

});

使用ajax将serverData传递到服务器，并执行json解码以转换回数组，并使用它存储所需的任何位置。

一个提交按钮，用于多个textarea字段php / html

2 个答案: