在表格行上点击指向iframe的目标链接

时间:2019-05-07 15:50:06

标签: html iframe flask html-table

当我在HTML表上单击一行时,我试图将特定链接传递到<iframe>。代码位于底部,它只是在窗口中打开链接,而不是在指定的iframe中打开链接。

使用普通的<a> HTML链接标记,当我使用href="" onclick="this.href='/query/{{index}}'" target="iframe_b"时它可以工作,但是当我将其与<tr>标记一起使用时,什么也没发生。

...

   <table class='hoverTable'>
         {% for index, value in list.items() %}
            <tr href='' onclick="location.href='/query/{{index}}'" target="iframe_b">
               <th> {{ index }} </th>
               <td> {{ value }} </td>
            </tr>
         {% endfor %}
   </table>

...

<div style="float:right; width: 69.9%;height: 1050px;">
    <div align="left">
        <iframe height="800px" width="100%" name="iframe_b"></iframe>
    </div>
</div>

...

1 个答案:

答案 0 :(得分:1)

尝试一下:

<iframe height="800px" width="100%" name="iframe_b" id="iframe_b"></iframe>

然后:

<tr href='' onclick="document.getElementById('iframe_b').src='/query/{{index}}'" target="iframe_b">