将TEXT复制到剪贴板上Button-Click不工作表

Question

我已经创建了一个包含数据的Google Web应用程序 - 单击此存储桶文本时，弹出式窗口中的工单号应该获得副本。

复制脚本表第一排，第二排开始它不工作

我附上下面的脚本工作正常，请大家帮我解决这个问题

function doGet() { 
 
    return HtmlService 
 
     .createTemplateFromFile('index') 
 
    .evaluate().setTitle("Home Page").setSandboxMode(HtmlService.SandboxMode.IFRAME); 
 
    return html; 
 
} 
 

 
function getData() { 
 
    return SpreadsheetApp 
 
     .openById('1Nf080XKVLtt2AWr469aJrh6vhjdeinxBP1ehV3qBA64') 
 
     .getDataRange() 
 
     .getValues(); 
 
}

 
<div class="w3-container"> 
 
    <h2>Open Requsets</h2> 
 

 
    <input class="w3-input w3-border w3-padding" type="text" placeholder="Search for names.." id="myInput" onkeyup="myFunction()"> 
 
    <? var data = getData(); ?> 
 
    <table class="w3-table-all w3-margin-top " id="myTable"> 
 
    <tr class="w3-pink"> 
 
     <th style="width:10%;">Requset ID</th> 
 
     <th style="width:10%;">Requester Name</th> 
 
     <th style="width:10%;">Requset Type</th> 
 
    </tr> 
 
     <? for (var i = 0; i < data.length; i++) { ?> 
 
     <tr> 
 
      <? for (var j = 0; j < data[i].length; j++) { ?> 
 
      <td><button onclick="copy('demo')"><a href="" target="_blank"><span id="demo"><?= data[i][j] ?></span></a></button> </td> 
 
      <? } ?> 
 
     </tr> 
 
     <? } ?> 
 
    </table> 
 
</div> 
 
    
 

 
    
 
    
 
    <script> 
 
    function copy(element_id){ 
 
    var aux = document.createElement("div"); 
 
    aux.setAttribute("contentEditable", true); 
 
    aux.innerHTML = document.getElementById(element_id).innerHTML; 
 
    aux.setAttribute("onfocus", "document.execCommand('selectAll',false,null)"); 
 
    document.body.appendChild(aux); 
 
    aux.focus(); 
 
    document.execCommand("copy"); 
 
    document.body.removeChild(aux); 
 
} 
 
    
 
    </script> 
 
    
 
    <hr> 
 

 

 

 

 
    
 
<!-- for Accordion --> 
 

 
<!-- for Accordion end--> 
 
</body> 
 
</html>

Answer 1

您应该为每个td字段使用唯一的id值，如下面的示例所示。您不能对每个td使用相同的id。

<div class="w3-container"> 
 
    <h2>Open Requsets</h2> 
 

 
    <input class="w3-input w3-border w3-padding" type="text" placeholder="Search for names.." id="myInput" onkeyup="myFunction()"> 
 
    <? var data = getData(); ?> 
 
    <table class="w3-table-all w3-margin-top " id="myTable"> 
 
     <tr class="w3-pink"> 
 
     <th style="width:10%;">Requset ID</th> 
 
     <th style="width:10%;">Requester Name</th> 
 
     <th style="width:10%;">Requset Type</th> 
 
     </tr> 
 
     <? for (var i = 0; i < data.length; i++) { ?> 
 
     <tr> 
 
      <? for (var j = 0; j < data[i].length; j++) { ?> 
 
      <td><button onclick="copy(event)"><a href="" target="_blank"><span><?= data[i][j] ?></span></a></button> </td> 
 
      <? } ?> 
 
     </tr> 
 
     <? } ?> 
 
    </table> 
 
</div> 
 

 

 

 

 
<script> 
 
    function copy($event) { 
 
    var aux = document.createElement("div"); 
 
    aux.setAttribute("contentEditable", true); 
 

 
    //Notice how we retreived the innerHTML 
 
    aux.innerHTML = $event.target.innerHTML; 
 

 
    aux.setAttribute("onfocus", "document.execCommand('selectAll',false,null)"); 
 
    document.body.appendChild(aux); 
 
    aux.focus(); 
 
    document.execCommand("copy"); 
 
    document.body.removeChild(aux); 
 
    }