Question

我正在从查询中输出一个表：

<table >
      <thead><th >Name</th><th >Department</th></thead>
    <tbody>
    <cfoutput query="GetDept"  >
    <tr>
        <td >#dept_name# </td>  
        <td >#deptphone_name#</td>      
    <!---   <td >#deptphone_num#</div></td>  --->   
    <!---   <td >#deptphone_room#</div></td>  --->   
    </tr>
    </cfoutput>
    </tbody>
    </table>

当我点击＃dept_name #i时，我怎么能得到它页面一侧有关该部门的更多信息？

例如，当我点击页面侧面的dept_name（表格）时我将获得有关查询的更多信息，deptphone_num和deptphone_room。

Answer 1

显示和隐藏内容是ColdFusion和javascript的组合。下面的解决方案需要jQuery

<table>
<thead>
    <tr>      
      <th>Name</th>
      <th>Department</th>
    </tr>    
</thead>
<tbody>
<cfoutput query="GetDept"  >
<tr>
    <td>#dept_name# </td>  
    <td><a href="javascript:$(##deptphone#currentrow#).toggle();$(##deptroom#currentrow#).toggle();">#deptphone_name#</a></td>      
    <td><span style="display : none;" id="deptphone#currentrow#>#deptphone_num#</span></td>   
    <td><span style="display : none;" id="deptroom#currentrow# >#deptphone_room#</span></td>   
</tr>
</cfoutput>
</tbody>
</table>

有关jQuery toggle（）

的更多信息

http://api.jquery.com/toggle/

如何在页面一侧显示查询表的信息？

1 个答案: