Google apps script 向函数提交onclick值

我试图将onClick的值提交给函数。如果“li”是手动编码的，则其工作正常。但是，如果“li”在循环中并且被追加到div中，则它不起作用

以下是我已经尝试过的代码：（还尝试将onclick=myFunction（'I'）中的“改为”）

$（'side#menubar'）。追加（$（'li class=“menu”onclick=“myFunction（'i'）”>）
函数myFunction（x）{
document.getElementById（“content_header”）.innerHTML=“x”；
document.getElementById（“id01”）.style.display=“block”；
}   

---

我希望onClick中的值应该提交给函数。

我不经常使用这些值

但是我觉得这个

$（'side#menubar'）。追加（$（'li class=“menu”onclick=“myFunction（'i'）”>

需要像这样

---

$（'#side_menubar'）。append（$（'你好，库珀，谢谢你的主意。它不起作用，但当我将它改为此时，它就起作用了：
$（'#side_menubar'）.append（$）（'Hi Cooper感谢你的想法。它不起作用，但当我将它改为this时，上面的答案起作用，它将在function.function myFunction（x）{document.getElementById（“content#header”）.innerHTML=x；}中提交值。然而，当我尝试使用以下函数获取文本值时：function myFunction（x） {document.getElementById（“content_header”）.innerHTML=；}我想澄清一下这是否是允许的？你可以像那样把HTML放在那里，但它不起作用，因为这些脚本在发送到浏览器以呈现HTML之前在服务器上进行评估，这就是评估在HTML服务声明末尾所做的。这是否意味着我的问题没有解决方案？或者是否有一个解决方案您可以在浏览器上呈现之前将其加载到服务器上，或者通过调用服务器端函数window.onload或$（function（）{}）在服务器上生成它；您可以使用google.script.run.onSuccessHandler（）.serversidefunctionname（）调用服务器并让该函数返回html并加载Javascript。您应该阅读Google应用程序脚本文档。
<div id="side_menubar">
    <ul>
    <script>

    <? var menu = SpreadsheetApp.openById("id here").getSheetByName("Menu");

   var range = menu.getRange("B1:B").getValues();
   var lRow = range.filter(String).length;?> 
     <?for(var i = 2; i <= lRow; i++){?>
     $('#side_menubar').append($('<li class="menu" onclick="myFunction('i')"><?= menu.getRange("B" + i).getValues(); ?></li>'))
         <? } ?>    
   function myFunction(x) {
   document.getElementById("content_header").innerHTML = "x";
   document.getElementById("id01").style.display = "block";
   }   
   </script>
   </ul>    
   </div>