Google表格：HTML表单<input id>到Google脚本getElementById

Question

CONTEXT

• I am working on Google Sheets with Google Scripts (JS) and HTML forms
• There are three pieces of code working together
• (JS/GS - Code.gs) function openForm() which opens the html form on Google Sheets
• (HTML - htmlForm.html) simplified form with one input and a submit button
• (JS/GS - Code.gs) function submitForm() which should take the input and pasted onto a spreadsheet

STATUS/ISSUES

• openForm works fine and opens the form
• submitForm functionality with the spreadsheet works fine when the value is coming from a different cell or set manually
• htmlForm does work, as in, looks as intended
• The main issue is the connection between htmlForm and submitForm . The input project input is not carried from HTML to GS, from the form to the spreadsheet.

I don't really know why, and I'm not very familiar with scripts within HTML, so I'm not sure if this one actually works.

CODE

 function openForm() { var s=SpreadsheetApp.getActive(); var htmlDlg = HtmlService.createHtmlOutputFromFile('htmlForm') .setSandboxMode(HtmlService.SandboxMode.IFRAME) .setWidth(750) .setHeight(450); SpreadsheetApp.getUi() .showModalDialog(htmlDlg, 'New tasks for new campaign setup 📝'); } ////////// function submitForm(formObject) { var project = formObject.project; // and so on... var s = SpreadsheetApp.getActiveSpreadsheet(); var ss = s.getSheetByName("Support"); // Enter sheet name var rangeProject = ss.getRange('AA2'); rangeProject.setValue(project) }

 <p>Form</p> <form id="briefForm" onsubmit="handleFormSubmit()"> <input type="text" id="project"> <input type="submit" id="submitbttn"> </form> <!-- Script down here --> <script> window.closeDia = function() { var formObject = { project: document.getElementById('project').value, // other form input fields... } google.script.run.sendBrief(formObject); }; </script>

Answer 1

CONTEXT

• I am working on Google Sheets with Google Scripts (JS) and HTML forms
• There are three pieces of code working together
• (JS/GS - Code.gs) function openForm() which opens the html form on Google Sheets
• (HTML - htmlForm.html) simplified form with one input and a submit button
• (JS/GS - Code.gs) function submitForm() which should take the input and pasted onto a spreadsheet

STATUS/ISSUES

• openForm works fine and opens the form
• submitForm functionality with the spreadsheet works fine when the value is coming from a different cell or set manually
• htmlForm does work, as in, looks as intended
• The main issue is the connection between htmlForm and submitForm . The input project input is not carried from HTML to GS, from the form to the spreadsheet.

I don't really know why, and I'm not very familiar with scripts within HTML, so I'm not sure if this one actually works.

CODE

 function openForm() { var s=SpreadsheetApp.getActive(); var htmlDlg = HtmlService.createHtmlOutputFromFile('htmlForm') .setSandboxMode(HtmlService.SandboxMode.IFRAME) .setWidth(750) .setHeight(450); SpreadsheetApp.getUi() .showModalDialog(htmlDlg, 'New tasks for new campaign setup 📝'); } ////////// function submitForm(formObject) { var project = formObject.project; // and so on... var s = SpreadsheetApp.getActiveSpreadsheet(); var ss = s.getSheetByName("Support"); // Enter sheet name var rangeProject = ss.getRange('AA2'); rangeProject.setValue(project) }

 <p>Form</p> <form id="briefForm" onsubmit="handleFormSubmit()"> <input type="text" id="project"> <input type="submit" id="submitbttn"> </form> <!-- Script down here --> <script> window.closeDia = function() { var formObject = { project: document.getElementById('project').value, // other form input fields... } google.script.run.sendBrief(formObject); }; </script>