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