2013-01-23 154 views
0

有一个表像...如何从HTML表格中的选定行获取单元格值?

<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表格,类似于这个How to get cell data of specific row from the dynamically created HTML table?问题。我无法让它工作。

+0

尝试用JavaScript – 9ine

+0

或进行形式和设置HTML隐藏字段 –

+0

可能有人给一个代码示例,请? – uluroki

回答

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> 
+0

啊!当我学习新的东西时,我讨厌“我不知道自己在做什么”的感觉。谢谢:3 – uluroki

1

使用每一行中的隐藏字段,并检查以下提交value..as:

<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> 

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

相关问题