javascript - HtmlService GAS 在html表单之间传递变量

标签 javascript jquery html google-apps-script

我创建了两个 HTML 页面 page1.htmlpage2.html。如何在 page1 中单击按钮时将 ID 从 page1 传递到 page2?

代码.gs:

function addAuc(form) { 
    var s1 = form.ID, 
        s2 = form.Name, 
        s3 = form.Email, 
        html = HtmlService.createTemplateFromFile('page2');

    html.setSandboxMode(HtmlService.SandboxMode.NATIVE);
    html.setWidth(700);
    html.setHeight(600); SpreadsheetApp.getUi().showModelessDialog(html, 'Reg'); 
    return s1; 
}

page1.html:

<form id="myForm">
    <input type="button" value="Choose" onclick="google.script.run.withSuccessHandler(updateUrl).rowArray()" />
    <input  onclick="google.script.run.addAuc(document.forms[0])" type="button" value="Add" />
    <input type="button" value="Close" onclick="google.script.host.close()" /><br/>
    <label id="Name"></label>
</form>
<label id="ID">1</label>|
<label id="Name">Jon</label>|
<label id="Email"><a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="8ee4e1e0ceebe3efe7e2a0ede1e3" rel="noreferrer noopener nofollow">[email protected]</a></label>|
<label id="Phone">004423554897</label>

page2.html:

<div class="info" >
    <span id="ID" name="ID"></span>
</div>

最佳答案

在您的示例中,您会将变量传递给“html”模板对象。

html = HtmlService.createTemplateFromFile('page2');
html.id = s1;

然后在第2页使用the标签打印出id值;

<div class="info" >
    <span id="ID" name="ID"><?=id?></span>
</div>

关于javascript - HtmlService GAS 在html表单之间传递变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28855218/

相关文章:

jquery - 删除 div 内 ul 中的所有 li

javascript - 单击主题时如何在另一页中显示邮件正文

javascript - Chrome 中的 JQuery 绑定(bind)卸载事件

java - 复选框的 onchange 方法不适用于 jsf 和 javascript

javascript - 允许select2 jquery ajax在标签模式下重复标签

javascript - 在 Symfony 中渲染一个完整的 Twig 模板,用 ajax 扩展另一个模板

javascript - JavaScript DOM API 记录在哪里?

Javascript 正则表达式不匹配 - 包含完整代码

html - 在大数据的 ng-repeat 性能下提高 angular js ng-class 性能

java - 使用网络摄像头作为 HTML 背景