0

有一张像...

<table border="1" style="width: 100%" id="mytab1">
<tr id="A1">
    <td>100</td>
    <td>John</td>
    <td>Doe</td>
    <td>Someplace</td>
    <td>
        <input type="submit" value="Submit" />
    </td>
</tr>
<tr id="A2">
    <td>101</td>
    <td>Jane</td>
    <td>Doe</td>
    <td>Someplace</td>
    <td>
        <input type="submit" value="Submit" />
    </td>
</tr>

我正在尝试获取连续第一个单元格的值，其中我按下了“提交”按钮。我是这方面的新手。这是一个示例，但我实际上是在 jsp 页面中处理动态创建的 html 表，类似于如何从动态创建的 HTML 表中获取特定行的单元格数据？问题。我就是无法让它工作。

4

2 回答 2

1

在每一行中使用隐藏字段并检查提交的值..如下：

<table border="1" style="width: 100%" id="mytab1">
<tr id="A1">
    <td>100</td>
    <td>John</td>
    <td>Doe</td>
    <td>Someplace</td>
    <td>
        <input type="hidden" name="rowId" value="A1" />
        <input type="submit" value="Submit" />
    </td>
</tr>
<tr id="A2">
<td>101</td>
<td>Jane</td>
<td>Doe</td>
<td>Someplace</td>
<td>
    <input type="hidden" name="rowId" value="A2" />
    <input type="submit" value="Submit" />
</td>

对所有隐藏字段使用相同的名称，以便在控制器中获取提交的值

于 2013-01-23T10:21:53.983 回答
1

这种类型的工作 javascript 做得很好。

  1. 将提交更改为带有处理程序的按钮；
  2. 将处理程序放入头部

结果代码：

<html>
<head>
<script>
function submitter(btn) {
    var param = btn.parentElement.parentElement.id;
    var myForm = document.forms["myForm"];
    myForm.elements["param"].value = param;
    myForm.submit();
}
</script>
</head>
<body>
<form action="#someurl" id="myForm">
<input type="hidden" name="param" />
<table border="1" style="width: 100%" id="mytab1">
<tr id="A1">
    <td>100</td>
    <td>John</td>
    <td>Doe</td>
    <td>Someplace</td>
    <td>
        <input type="button" value="Submit" onclick="submitter(this)" />
    </td>
</tr>
<tr id="A2">
    <td>101</td>
    <td>Jane</td>
    <td>Doe</td>
    <td>Someplace</td>
    <td>
        <input type="button" value="Submit" onclick="submitter(this)" />
    </td>
</tr>
</table>
</form>
</body>
</html>
于 2013-01-31T13:59:18.030 回答