使用TR作为表单提交按钮而不是显示编辑的按钮

时间:2017-10-28 03:50:20

标签: javascript php jquery forms onclick

我有一个PHP页面,它生成一个卡车装载列表,我想摆脱编辑按钮,而是当你点击TR时它会提交表格进行编辑。

到目前为止,我找到了一个提交到指定网址的选项similer。此代码可让您点击TR,它会将您带到tr onclick上发布的网址

<script type="text/javascript">
function DoNav(theUrl)
{
document.location.href = theUrl;
}
</script>

<table width="100%" border="1" cellpadding="0" cellspacing="0">
   <tr onclick="DoNav('http://www.google.com/');">
      <td>1</td>
      <td>2</td>
      <td>3</td>
   </tr>
</table>

这是我目前的代码。

echo str_repeat("<form action=\"process.php\" method=\"post\">

    <tr>
    <td><input type=\"submit\" name=\"edit\" value=\"Edit\"></td>

    <td>" . ($row['1']) . "<input type=\"hidden\" name=\"date_added\" id=\"date_added\" readonly style=\"border: none;border-color: transparent;text-align: center;\" value=\"" . ($row['1']) . "\"></td>
    <td>" . ($row['2']) . "<input type=\"hidden\" name=\"carrier\" id=\"carrier\" readonly style=\"border: none;border-color: transparent;text-align: center;\" value=\"" . ($row['2']) . "\"></td>
    <td>" . ($row['3']) . "<input type=\"hidden\" name=\"trailer\" id=\"trailer\" readonly style=\"border: none;border-color: transparent;text-align: center;\" value=\"" . ($row['3']) . "\"></td>
    <td>" . ($row['4']) . "<input type=\"hidden\" name=\"door_number\" id=\"door_number\" readonly style=\"border: none;border-color: transparent;text-align: center;\" value=\"" . ($row['4']) . "\"></td>
    <td>" . ($row['5']) . "<input type=\"hidden\" name=\"time_in\" id=\"time_in\" readonly style=\"border: none;border-color: transparent;text-align: center;\" value=\"" . ($row['5']) . "\"></td>
    <td>" . ($row['6']) . "<input type=\"hidden\" name=\"time_out\" id=\"time_out\" readonly style=\"border: none;border-color: transparent;text-align: center;\" value=\"" . ($row['6']) . "\"></td>
    <td>" . ($row['7']) . "<input type=\"hidden\" name=\"po_number\" id=\"po_number\" readonly style=\"border: none;border-color: transparent;text-align: center;\" value=\"" . ($row['7']) . "\"></td>
    <td>" . ($row['8']) . "<input type=\"hidden\" name=\"update_notes\" id=\"update_notes\" rows=\"1\" cols=\"30\" readonly style=\"text-align: justify;\" value=\"\">" . ($row['8']) . "</textarea></td>

    </tr></form>",1);

目前我的网站看起来像这样。

─────────────────────────────────────────────────────────────────────────────
|    |DATE      |CARRIER|TRAILER #|DOOR #|TIME IN |TIME OUT|P.O. #    |NOTES|
|Edit|2017-10-27|England|18410    |26    |18:15:59|20:34:27|4555894722|     |
|Edit|2017-10-25|England|25688    |18    |10:13:45|16:37:01|4555821145|     |
|Edit|2017-10-24|Central|581324   |35    |05:38:45|12:37:21|4555874774|     |
─────────────────────────────────────────────────────────────────────────────

我想摆脱编辑按钮,而是让整个TR成为编辑按钮。

────────────────────────────────────────────────────────────────────────
|DATE      |CARRIER|TRAILER #|DOOR #|TIME IN |TIME OUT|P.O. #    |NOTES|
|2017-10-27|England|18410    |26    |18:15:59|20:34:27|4555894722|     |
|2017-10-25|England|25688    |18    |10:13:45|16:37:01|4555821145|     |
|2017-10-24|Central|581324   |35    |05:38:45|12:37:21|4555874774|     |
────────────────────────────────────────────────────────────────────────

0 个答案:

没有答案