打印javascript阻止我的链接

我找到了一个打印div的小脚本，但是当我点击打印按钮并关闭打印窗口时，我所有的下拉列表过滤器（同位素）和下拉菜单都不起作用

单击时没有事件

这是我的打印脚本：

    <?php 
    require_once('/connexion.php');

    $sql = "SELECT * FROM plaquettes";
    $results = $connexion->query($sql);
    $plaquettes = $results->fetchAll(PDO::FETCH_OBJ);

    $i=1; 

    $titreformat= $p->titre;

    $titreformat = enleverCaracteresSpeciaux($titreformat); 

    foreach($plaquettes as $p) { ?>

    <script type="text/javascript">

    function printContent(el){
        var restorepage<?php echo $i ?>= document.body.innerHTML;
        var printcontent<?php echo $i ?>= document.getElementById(el).innerHTML;
        document.body.innerHTML = printcontent<?php echo $i ?>;
        window.print();
        document.body.innerHTML = restorepage<?php echo $i ?>;


    }

    </script>

<?php $i++; } ?>

函数打印内容（el）{
var restorepage=document.body.innerHTML；
var printcontent=document.getElementById（el）.innerHTML；
document.body.innerHTML=打印内容；
window.print（）；
document.body.innerHTML=恢复页面；
}

我的html与按钮

                    <div id="mydiv<?php echo $i ?>" class="hidden_print" >
                <table class="print_header">
                    <tr>
                        <td><b>Société :</b> <?php echo $p->societe ?></td>
                        <td><img src="img/<?php echo $p->societe ?>logo.png" alt="Logo de la société"></td>
                    </tr>
                </table>
                <div >
                    <h1><?php echo $p->titre ?></h1>

                        <ul>
                            <li><b>Client :</b> <?php echo $p->client ?></li>
                            <li><b>Département :</b> <?php echo $p->departement ?></li>
                            <li><b>Domaine :</b> <?php echo $p->domaine ?></li>
                            <li><b>Année de commande : </b><?php echo $p->annee ?></li>
                            <li><b>Montant : </b><?php echo $p->montant ?>€</li>
                            <li><b>Prestations : </b><?php echo $p->prestation ?></li>
                            <li><p><b>Détails : </b><?php echo $p->detail ?></p></li>

                        </ul>
                        <aside>
                            <img src="img/<?php echo $p->image ?>" alt="Photo des prestations">
                        </aside>
                    </div>


                </div>

<button id="buttonaprime" onclick="printContent('mydiv<?php echo $i ?>')" class="buttonaprime no-print"><i class="fa fa-print" aria-hidden="true"></i> Imprimer la plaquette</button>

---

使用此css并在打印按钮中使用
onclick=“addPrintClassAndPrintDiv（divId）”

我们正在使所有元素
显示：无
和元素（div）具有类
。仅打印div
用于打印屏幕的
显示：块
。因此，这将只打印类为
的div。打印div

使用此css和javascript jquery函数：

Css:

Javascript函数不在php循环中：

function addPrintClassAndPrintDiv(divId) {

   //remove .print-div class from all element if any 
     $(".print-div").removeClass("print-div"); 

   //add .print-div class to that div you want to print
     $("#"+divId).addClass("print-div");

   //print 
      window.print();
}

还请检查此工作代码段以供参考


函数addPrintClassAndPrintDiv（divId）{
//删除。从所有元素中打印div类（如果有）
$（.print div”）.removeClass（“print div”）；
//将.print div类添加到要打印的div
$（“#”+divId）.addClass（“打印div”）；
//印刷品
window.print（）；
}
.cnent{
高度：250px；
宽度：600px；
显示：块；
边缘底部：15px；
边框：1px实心#000；
填充：20px；
}
@媒体印刷品{
正文*{
显示：无！重要；
}
.print div、.print div*{
显示：块！重要；
}
}


1.我是一位杰出的青年。我们的梦想是实现一个伟大的梦想，我们的目标是实现一个伟大的目标，我们的目标是实现一个伟大的目标？

印刷品

2.Lorem ipsum door sit amet，Concertetur adipising elit。我们的梦想是实现一个伟大的梦想，我们的目标是实现一个伟大的目标，我们的目标是实现一个伟大的目标？

印刷品

3.Lorem ipsum dolor sit amet，奉献精英。我们的梦想是实现一个伟大的梦想，我们的目标是实现一个伟大的目标，我们的目标是实现一个伟大的目标？

印刷品

4.Lorem ipsum door sit amet，Concertetur adipising elit。我们的梦想是实现一个伟大的梦想，我们的目标是实现一个伟大的目标，我们的目标是实现一个伟大的目标？

印刷品

5.Lorem ipsum dolor sit amet，奉献精英。我们的梦想是实现一个伟大的梦想，我们的目标是实现一个伟大的目标，我们的目标是实现一个伟大的目标？

印刷品

6.Lorem ipsum door sit amet，Concertetur adipising Elite。我们的梦想是实现一个伟大的梦想，我们的目标是实现一个伟大的目标，我们的目标是实现一个伟大的目标？

印刷品

7.Lorem ipsum dolor sit amet，奉献精英。我们的梦想是实现一个伟大的梦想，我们的目标是实现一个伟大的目标，我们的目标是实现一个伟大的目标？

印刷品

8.Lorem ipsum dolor sit amet，奉献精英。我们的梦想是实现一个伟大的梦想，我们的目标是实现一个伟大的目标，我们的目标是实现一个伟大的目标？

印刷品

9Lorem ipsum dolor sit amet，奉献精英。我们的梦想是实现一个伟大的梦想，我们的目标是实现一个伟大的目标，我们的目标是实现一个伟大的目标？

印刷品

10Lorem ipsum dolor sit amet，奉献精英。我们的梦想是实现一个伟大的梦想，我们的目标是实现一个伟大的目标，我们的目标是实现一个伟大的目标？

印刷品

11Lorem ipsum dolor sit amet，奉献精英。我们的梦想是实现一个伟大的梦想，我们的目标是实现一个伟大的目标，我们的目标是实现一个伟大的目标？

印刷品

12Lorem ipsum dolor sit amet，奉献精英。我们的梦想是实现一个伟大的梦想，我们的目标是实现一个伟大的目标，我们的目标是实现一个伟大的目标？

印刷品

13Lorem ipsum dolor sit amet，奉献精英。我们的梦想是实现一个伟大的梦想，我们的目标是实现一个伟大的目标，我们的目标是实现一个伟大的目标？

印刷品

14Lorem ipsum dolor sit amet，奉献精英。我们的梦想是实现一个伟大的梦想，我们的目标是实现一个伟大的目标，我们的目标是实现一个伟大的目标？

印刷品

15Lorem ipsum dolor sit amet，奉献精英。我们的梦想是实现一个伟大的梦想，我们的目标是实现一个伟大的目标，我们的目标是实现一个伟大的目标？

印刷品

16Lorem ipsum dolor sit amet，奉献精英。我们的梦想是实现一个伟大的梦想，我们的目标是实现一个伟大的目标，我们的目标是实现一个伟大的目标？

印刷品

17Lorem ipsum dolor sit amet，奉献精英。塞佩·诺斯特鲁姆·乌拉姆·埃维尼特·帕里塔特
function addPrintClassAndPrintDiv(divId) {

   //remove .print-div class from all element if any 
     $(".print-div").removeClass("print-div"); 

   //add .print-div class to that div you want to print
     $("#"+divId).addClass("print-div");

   //print 
      window.print();
}

<?php 
require_once('/connexion.php');

$sql = "SELECT * FROM plaquettes";
$results = $connexion->query($sql);
$plaquettes = $results->fetchAll(PDO::FETCH_OBJ);

$i=1; 

$titreformat= $p->titre;

$titreformat = enleverCaracteresSpeciaux($titreformat); 

foreach($plaquettes as $p) { ?>

<script type="text/javascript">

function printContent(el){
    var restorepage<?php echo $i ?>= document.body.innerHTML;
    var printcontent<?php echo $i ?>= document.getElementById(el).innerHTML;
    document.body.innerHTML = printcontent<?php echo $i ?>;
    window.print();
    document.body.innerHTML = restorepage<?php echo $i ?>;


}

</script>
<?php $i++; } ?>

<?php 
require_once('/connexion.php');

$sql = "SELECT * FROM plaquettes";
$results = $connexion->query($sql);
$plaquettes = $results->fetchAll(PDO::FETCH_OBJ);

$i=1; 

$titreformat= $p->titre;

$titreformat = enleverCaracteresSpeciaux($titreformat); 
?>
<script type="text/javascript">
function printContent(el){
    var restorepage = document.body.innerHTML;
    var printcontent = document.getElementById(el).innerHTML;
    document.body.innerHTML = printcontent;
    window.print();
    document.body.innerHTML = restorepage ;
}
</script>

function printContent(el) {
  var iframe = document.createElement('iframe');
  iframe.id = 'printFrame';
  iframe.src='about:blank';

  document.body.appendChild(iframe); 
  iframe.contentDocument.body.innerHTML = document.getElementById(el).innerHTML;
  setTimeout(function() { // for IE
    iframe.contentWindow.focus();
    iframe.contentWindow.print();
    document.body.removeChild(iframe);
  });
}

function printContent(el){
    var restorepage = document.body.innerHTML;
    var printcontent = document.getElementById(el).innerHTML;
    document.body.innerHTML = printcontent;
    window.print();
    document.body.innerHTML = restorepage;
    // now re-initialize again
    ...
}