javascript - 为什么我的表单中的值没有传递到 Google 代码？

Question

我有一个由 HTML 文件填充的 Google 侧边栏。它有一个按钮，按下该按钮会将多个值从表单传递到 Google Apps 脚本，然后由 Google Apps 脚本处理这些数据，然后再将其传递到 Google 表格。

一切正常，除了一件事:

我创建的滑动条不会与所有其他方面一起传递该值。

谁能解释一下为什么吗？

我有大量代码，因此您只会看到相关的削减所需数量。

HTML:

<form id="form1">
<br>
  <table width="100%">
    <tr>
      <td><p>Action Description: </p></td>
      <td colspan="3"> <textarea id="description" name="description" rows="15" cols="22" required> </textarea> </td>
    </tr>
    <tr>
      <td><p>Current Completion Percentage: </p></td>
      <td> 
        <input type="range" min="0" max="100" value="0" id="percent" step="10" onchange="outputUpdate(value)" list="perstep">
        <datalist id="perstep">
          <option>0</option>
          <option>10</option>
          <option>20</option>
          <option>30</option>
          <option>40</option>
          <option>50</option>
          <option>60</option>
          <option>70</option>
          <option>80</option>
          <option>90</option>
          <option>1000</option>
        </datalist>
      </td>
      <td>
        <p><output for="form1" id="level">0</output>%</p>
      </td>
    </tr>
    <tr>
      <td><p>Assigned To: </p></td>
      <td colspan="3"> <input id="assignedto" name="assignedto" type="text" required /> </td>
    </tr>
    <tr>
      <td><p>Action Number: </p></td>
      <td colspan="3"> <input id="actionnum" name="actionnum" type="number" /> </td>
    </tr>
  </table>
  <br>
  <hr>

  <table width="100%">
    <tr>
      <td align="center" colspan="3" height="40">
        <input id="date" name="date" type="date" required />
        <br>
      </td>
    </tr>
    <tr>
      <td>
        <input onclick="formSubmit()" type="button" value="Submit" />
      </td>
      <td>
        <input onclick="google.script.host.close()" type="button" value="Close" /><br>
      </td>
      <td>
        <input onclick="clearAll()" type="button" value="Clear All" name="clear" /><br>
      </td>
    </tr>
  </table>
</form>

Google .gs 代码:

function getValuesFromForm(form1){
    var ss = SpreadsheetApp.getActiveSpreadsheet(),
        sheet = ss.getSheetByName('Action Plan'),
        sheet2 = ss.getSheetByName('Problem Details'),
        description = form1.description,
        percent = form1.percent,
        assignedto = form1.assignedto,
        actionnum = form1.actionnum,
        date = form1.date,
        oldNum = sheet2.getRange(11, 1).getValue(),
        today1 =  Utilities.formatDate(new Date(),"GMT","dd/MM/yyyy"),
        lastCol = sheet.getLastColumn(),
        lastRow = sheet.getLastRow(),
        datecheck = sheet.getRange(1,lastCol).getValue();

  if(description == "" || assignedto == "" || date == ""){
    SpreadsheetApp.getUi().alert('Please ensure you have completed the minimal required fields');
  } else {        
    if(datecheck == Utilities.formatDate(new Date(),"GMT","dd/MM/yyyy")) {
      sheet.appendRow([oldNum +1, description, percent + " %", assignedto,date]);
      sheet.getRange(lastRow +1,lastCol).setValue("New Action");
      var head = sheet.getRange(1,1,1,lastCol);
      head.setBackground("#b4a7d6");
      head.setFontColor("white");
      head.setFontWeight("bold");
      head.setFontSize(12);
      sheet2.getRange(11, 1).setValue(oldNum + 1);
    } else {
      sheet.getRange(1,lastCol + 1).setValue(today1);
      sheet.appendRow([oldNum +1, description, percent + " %", assignedto,date]);
      sheet.getRange(lastRow +1,lastCol +1).setValue("New Action");
      var head = sheet.getRange(1,1,1,lastCol + 1);
      head.setBackground("#b4a7d6");
      head.setFontColor("white");
      head.setFontWeight("bold");
      head.setFontSize(12);
      sheet2.getRange(11, 1).setValue(oldNum + 1);
    }
  }
}

我目前得到的只是“未指定”。

任何帮助将不胜感激。

Answer 1

创建滑动条的元素，<input type="range" min="0" max="100" value="0" id="percent" step="10" onchange="outputUpdate(value)" list="perstep"> ，缺少 name属性，因此它永远不会对提交的数据做出任何贡献。所以添加一个name具有合适值的属性。