0

有一个表格，表格有 3 列，动态填充。Col1 和 Col2 从数据库填充，col3 填充有复选框，根据从数据库返回的行数动态生成，用于填充 Col1 和 Col2。

表中每一行的含义在 Column3 中有一个复选框。

我想知道如何根据为行/s选择的复选框将值从 Col1 和 Col2 传递到下一页？

如果选中 Row1 和 Row3 中的复选框，则在下一页上需要 Row1 和 Row3 的 col1 和 col2 的详细信息。

4

2 回答 2

3

您可以使用 javascript，更好的 jquery 库在表单提交之前将该列数据分配给一些隐藏的输入，就像这样

$("#formId").submit(function(e) {

    var col1 = $(".col1").html();
    var col2 = $(".col2").html();

     $("#hidCol1").val(col1);
     $("#hidCol2").val(col2);

     return true;
});



  <FORM METHOD="post" ACTION="form2.php">
     <input id="hidCol1" type="hidden" name="col1">
     <input id="hidCol2" type="hidden" name="col2">
 <table>
   <tbody>
    <tr/>
      <td class="col1">Col1</td>
      <td class="col2">Col2</td>
      <td >Col3</td>
    </tr>
 <?php while ($row = mysql_fetch_array($res)) { ?>
   <tr>
       <td><?php  echo $row["name"]; ?> </td>
       <td><?php $row["model"]; ?></td>
       <td> <input type="checkbox" name="chkbxs[]" value="checked" /></td>
   </tr>
  <?php } ?>
     </tbody>
 </table>

    <INPUT TYPE="submit" VALUE="Continue...">
 </FORM>

当您提交表单时，您的隐藏输入将包含col1和col2值。我建议不要使用echo通常的 html 标签，你可以像往常一样使用它们

于 2012-11-14T15:11:52.987 回答
0

如果您使用的是 FORM，请使用带有input=readyonly CSS 的 Col1 和 Col2 列并删除输入的边缘

尝试：

<style>
input.readonly{border: none; background: transparent;}
</style>

<td><input class="readonly" name="col1" value="content col1" readonly="readonly"></td>
<td><input class="readonly" name="col2" value="content col2" readonly="readonly"></td>

这样就不需要 javascript 让您的网站更易于访问

或者尝试隐藏（不需要css）：

<td><input name="col1" value="content col1" type="hidden">content col1</td>
<td><input name="col2" value="content col2" type="hidden">content col2</td>
于 2012-11-14T15:53:39.970 回答