Javascript 使用按钮从数据库复制表行

Javascript 使用按钮从数据库复制表行,javascript,php,Javascript,Php,我有以下问题。我有一个表,其中各个条目通过数据库输出。现在,我想在这个表中插入一个按钮,我可以通过单击来复制相应的行。我已经有了一个只适用于html标题的代码,但不幸的是,它不适用于条目。我将非常感谢任何帮助或提示 echo '<table id="tabelle" border="1" cellspacing="0" cellpadding="2" style="table-layout:fixed

我有以下问题。我有一个表,其中各个条目通过数据库输出。现在,我想在这个表中插入一个按钮,我可以通过单击来复制相应的行。我已经有了一个只适用于html标题的代码,但不幸的是,它不适用于条目。我将非常感谢任何帮助或提示

echo '<table id="tabelle" border="1" cellspacing="0" cellpadding="2" style="table-layout:fixed;">';
echo '<tr><th style="width: 5%">Übertragen</th>';    
echo '<th style="width: 5%">Firma</th>';
echo '<th style="width: 5%">Ansprechpartner</th>';
echo '<th style="width: 5%">Adresse</th>';
echo '<th style="width: 5%">Telefonnummer</th>';
echo '<th style="width: 10%">Anmerkung</th>';
echo '<th style="width: 5%">Datum</th></tr>';   
echo '</table>';
foreach ($adressbuch as $nachricht){
 echo '<table id="tabelle" border="1" cellspacing="0" cellpadding="2" style="table-layout:fixed;">';
 echo '<tr>';
 echo '<td style="width: 5%"><div style="width: 100%; height: 100%; overflow : auto;">
 
 <input type="button" value="select table" onclick="selectElementContents( document.getElementById(\'.$nachricht\') );"></td>';  
    
 echo '<td style="width: 5%"><div style="width: 100%; height: 100%; overflow : auto;">'.$nachricht->Firma .'</td>';
 echo '<td style="width: 5%"><div style="width: 100%; height: 100%; overflow : auto;">'.$nachricht->Ansprechpartner .'</td>';
 echo '<td style="width: 5%"><div style="width: 100%; height: 100%; overflow : auto;">'.$nachricht->Adresse .'</td>';
 echo '<td style="width: 5%"><div style="width: 100%; height: 100%; overflow : auto;">'.$nachricht->Telefonnummer .'</td></form>';
 echo '<td style="width: 10%"><div style="width: 100%; height: 100%; overflow : auto;">'.$nachricht->Anmerkung .'</td>';
 echo '<td id="tel" style="width: 5%"><div style="width: 100%; height: 100%; overflow : auto;">'.$nachricht->Datum  .'</td></div>';    
 echo '</tr>';
 echo '</table>';
}
?>

</body>
    
<script type="text/javascript">
   function selectElementContents(el) {
        var body = document.body, range, sel;
        if (document.createRange && window.getSelection) {
            range = document.createRange();
            sel = window.getSelection();
            sel.removeAllRanges();
            try {
                range.selectNodeContents(el);
                sel.addRange(range);
            } catch (e) {
                range.selectNode(el);
                sel.addRange(range);
            }
            document.execCommand("copy");

        } else if (body.createTextRange) {
            range = body.createTextRange();
            range.moveToElementText(el);
            range.select();
            range.execCommand("Copy");
        }
    }

</script>  
echo';
回音“Übertragen”;
回声“Firma”;
echo‘Ansprechpartner’;
回声“ADRESE”;
echo“Telefonnumer”;
回音‘安默孔’;
回波“基准”;
回声';
foreach($adressbuch as$nachricht){
回声';
回声';
回声'
';  
回声“.$nachricht->Firma.”;
回声“.$nachricht->Ansprechpartner”;
回声“.$nachricht->Adrese.”;
echo“.$nachricht->Telefonnumer.”;
回声“.$nachricht->Anmerkung”;
回显'.$nachricht->Datum';
回声';
回声';
}
?>
功能选择元素内容(el){
var body=document.body,范围,sel;
if(document.createRange&&window.getSelection){
range=document.createRange();
sel=window.getSelection();
选择removeAllRanges();
试一试{
范围。选择节点内容(el);
选择添加范围(范围);
}捕获(e){
范围。选择节点(el);
选择添加范围(范围);
}
文件。执行命令(“副本”);
}else if(body.createTextRange){
range=body.createTextRange();
范围。移动到元素文本(el);
range.select();
range.execCommand(“复制”);
}
}

ID在HTML文档中必须是唯一的。
onclick=“selectElementContents(document.getElementById(\'.$nachricht\);”
–这是否产生了任何实际有意义的输出?由于
$nachricht
似乎是一个对象,我对此有点怀疑。不幸的是,不是。但是,如果我输入“tabelle”,那就是表id,那么它会被标记并复制标题,因为它是用html编写的。您需要先用重复的id解决问题,
getElementById
将只找到具有ID的第一个元素。因此,我应该确保为行插入相应的数据库ID,而不是数据库名称?