從表單提交數組到數組中提交

我有一個註冊表，它收集用戶想要註冊事件的日期。使用複選框，用戶可以選擇多個日期，然後將這些日期添加到formObject中的數組中。要將這些值寫入Google工作表，我會檢查日期數組的長度，然後循環，以便將單個行添加到電子表格中。從表單提交數組到數組中提交

我很難迫使class鍵總是是一個數組，即使它是一個類。如果只選擇一個類，那麼length屬性是字符串的長度，用單個字符寫入9或10行數據。

表

<form id="classSignup" onsubmit="handleFormSubmit(this)"> 
    <label for="first">First Name</label> 
    <input id="first" name="first" type="text" /> 
    <label for="last">Last Name</label> 
    <input id="last" name="last" type="text" /> 
    <input type='checkbox' name='class' value='date1'>Date 1</input> 
    <input type='checkbox' name='class' value='date2'>Date 2</input> 
    <input type="submit" value="Register" /> 
</form>

formObject

{last=lastName, first=firstName, class=[dateArray]}

recordData

function recordData(formObject) { 
    try { 
    var ss = SpreadsheetApp.openById(SCRIPT_PROP.getProperty("key")); 
    var sheet = ss.getSheetByName("allRegs"); 
    var headers = sheet.getRange(1,1,1,sheet.getLastColumn()).getValues()[0]; 
    var nextRow = sheet.getLastRow()+1; 
    var rows = [ ]; 

    // check the formObject structure 
    Logger.log(formObject); 

    // Open the class array 
    for(var i=0; i<formObject.class.length; i++) { 

     // set the date with the current item 
     var date = formObject.class[i]; 
     Logger.log(date); 

     var row = [new Date(), formObject[headers[1]], formObject[headers[2]], formObject[headers[3]], formObject[headers[4]], formObject.class[i]] 

     rows.push(row); 
    } // close the rows loop 

    // write the rows array to the spreadsheet 
}

以上，如果date1和date2被選中，則返回一個數組，一切工作正常：

{ first=firstName, last=lastName, class=[date1, date2] }

當選定一個日期，也沒有數組，只是一個字符串在formObject：

{ first=firstName, last=lastName, class=date1 }

如何我強迫任何選中的類被推入數組中？

來源

2017-04-11 Brian

哪裏是填充'formObject'的代碼？爲什麼不總是將'class'作爲數組傳遞（'class = [date1]'）？ – billyonecan

「formObject」是使用Google Apps腳本功能構建的。我試圖用類作爲數組返回表單，但它被視爲一個字符串，而不是數組。 – Brian

你可以在'for'循環之前測試'typeof formObject.class'，並且如果它的一個字符串使它成爲一個包含字符串 – billyonecan

您需要更改class到class[]迫使它到一個數組

來源

2017-04-11 12:55:33 Deckerz

創建你的循環，然後推到它的循環內外部類的數組。然後創建你的「行」對象，因爲我看到它在給定表單的「行」中有一個「行」。

注意我沒有完全理解你的「行」數組，因爲這裏的表單是一個單獨的表單。

function recordData(formObject) { 
    try { 
    var ss = SpreadsheetApp.openById(SCRIPT_PROP.getProperty("key")); 
    var sheet = ss.getSheetByName("allRegs"); 
    var headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0]; 
    var nextRow = sheet.getLastRow() + 1; 
    var rows = []; 
    var classes = []; 
    for (var i = 0; i < formObject.class.length; i++) { 
     classes.push[formObject.class[i]]; 
    } 
    // set the date with the current item 
    // was not used... var date = formObject.class[i]; 
    // Logger.log(date); 
    var row = [new Date(), formObject[headers[1]], formObject[headers[2]], formObject[headers[3]], formObject[headers[4]], classes]; 
    rows.push(row);// seems to be only one? 
    } 
    // whatever here. 
)

來源

2017-04-11 13:21:45

我可能不夠清楚。當它是單個複選框時，它將作爲一個字符串添加到'class'中，而不是作爲長度爲1的數組。多個日期工作正常，這就是爲什麼我有'rows'數組。 – Brian

從表單提交數組到數組中提交

回答

相關問題