如何让 cfdiv 显示在每一行下面？

Question

我有 table 条记录，用户可以单击名称以显示有关该特定记录的更多详细信息。我为它设置了一个标签，但每次单击 link 时，它只会显示在页面顶部或第一行。有没有办法让它在单击时显示在每个名称下。这是我的代码...

<table width="75%" border="1">
  <tr>
    <th>Student Name</th>
  </tr>
  <cfoutput query="Q">
  <tr>
    <td><a href="javascript:ColdFusion.navigate('detailedRecord.cfm?RLN=#RLN#','detail')">#Q.sln#, #Q.sfn#</a></td>
  </tr>
  <tr>
    <td><cfdiv id="detail"></cfdiv></td>
  </tr>
  </cfoutput>
</table>

Answer 1

由于您处于循环 <cfoutput query="Q"> 中，因此您需要使 detail 成为 唯一 标识符。正如您所写，循环的每次迭代都具有相同的 ID。也许只是添加当前行号以使其唯一。

<table width="75%" border="1">
  <tr>
    <th>Student Name</th>
  </tr>
  <cfoutput query="Q">
  <tr>
    <td><a href="javascript:ColdFusion.navigate('detailedRecord.cfm?RLN=#RLN#','detail#Q.CurrentRow#')">#Q.sln#, #Q.sfn#</a></td>
  </tr>
  <tr>
    <td><cfdiv id="detail#Q.CurrentRow#"></cfdiv></td>
  </tr>
  </cfoutput>
</table>