使用JS和PHP通过锚标记传递值

Question

这个问题有点长，所以很明显，提前谢谢！

简介：

我目前有一个包含<iframe>的Bootstrap模态。模态是从锚标签启动的。

但是，<iframe>的链接取决于PHP变量$id，它是从MySQL查询的动态变量。

问题：

如何通过$id将<iframe>的值传递给Bootstrap模式中的data-value，还是有其他方式？

代码：

• Bootstrap Modal
  
  

    

  <!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h2 class="modal-title">Edit Status</h2>
    </div>
    <div class="modal-body">
      <iframe src="https://example.com/page/?id="></iframe>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>
  

    

• 锚标记（启动模式）
  
  

  <a type="button" data-toggle="modal" data-id="<?php $print id; ?>" data-target="#myModal">Open Modal</a>
  

• PHP代码（设置变量$id）
  
  

  <?php
  while ($row = mysqli_fetch_row($result1)){
      list($id, $content) = $row;
  ?>
  
    <tr>
      <td>
      <p>
          <a type="button" data-toggle="modal" data-id="<?php $print id; ?>" data-target="#myModal">Open Modal</a>
      </p>
  <?php
  }
  ?>
      </td>
    </tr>
  </table>
  

精化：

$id需要通过<a>标记传递：

<a type="button" data-toggle="modal" data-id="<?php $print id; ?>" data-target="#myModal">Open Modal</a>

因此，如果$id为26，<iframe>应该转到：

https://example.com/page/?id=26 // id needs to be 26 as $id is 26

Answer 1

为什么不

<a href="https://example.com/page/?id=<?php $print id; ?>" target="iframeName" 

？或者只是

<iframe src="https://example.com/page/?id=<?php $print id; ?>"></iframe> 

Answer 2

如何手动更改iframe的src？

<a type="button" data-toggle="modal" data-id="<?php $print id; ?>" data-target="#myModal"
onclick="
document.getElementById('iframe-id').src = $(this).data('id');
"
>Open Modal</a>