###前提・実現したいこと
いつも、お世話になっております。
Google Apps Script で作成したフォームから複数データをfor文で取得するにはどうすればよろしかったでしょうか?
ご確認のほど、よろしくお願い申し上げます。
###発生している問題・エラーメッセージ
ログを確認したところ undefined[1] と出力されます。
###該当のソースコード
[user.html]
code.gs
1<!DOCTYPE html> 2<html> 3<head> 4 <base target="_top"> 5 <style> 6 tr { display: block; margin-bottom: 16px; padding: 0 0 16px 0; border-bottom: 1px solid #e7e7e7; } 7 td { vertical-align: bottom; } 8 label { display: block; } 9 10 </style> 11 <script> 12 function preventFormSubmit() { 13 var forms = document.querySelectorAll('form'); 14 for (var i = 0; i < forms.length; i++) { 15 forms[i].addEventListener('submit', function(event) { 16 event.preventDefault(); 17 }); 18 } 19 } 20 21 window.addEventListener('load', preventFormSubmit); 22 23 function handleFormSubmit(formObject) { 24 google.script.run.withSuccessHandler(processForm).processForm(formObject); 25 } 26 </script> 27</head> 28<body> 29<div> 30 <form onsubmit="handleFormSubmit(this)"> 31 <table id="tbl1"> 32 <tbody class="fieldset"> 33 <tr class="form-list"> 34 <td class="field"> 35 <label for="user">User</label> 36 <input type="text" id ="user" name="user[1]"> 37 </td> 38 <td class="field"> 39 <label for="email">Email</label> 40 <input type="text" id ="email" name="email[1]"> 41 </td> 42 <td class="field"> 43 <span class="add">Add</span> 44 </td> 45 </tr> 46 </tbody> 47 </table> 48 <p>count:<input type="text" id="cnt" name="cnt" value="1" readonly> 49 <div class="buttons-set"> 50 <button type="submit" title="登録" class="button"> 51 <span>送信</span> 52 </button> 53 </div> 54 </form> 55</div> 56<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 57<script> 58 $(function() { 59 var tbl = $('#tbl1'); 60 var row = tbl.find('tr:first-child').clone(true) 61 .append('<td><span class="delete">Delete</span></td>'); 62 63 tbl.on('click', 'span.add', function(){ 64 tbl.find('tbody').append(row.clone(true)); 65 adjust(); 66 }).on('click', 'span.delete', function(){ 67 $(this).parents('tr').remove(); 68 adjust(); 69 }); 70 71 function adjust(){ 72 $('#tbl1 input[name^="user"]').each(function(i){ 73 var num=i+1; 74 $(this).attr('name','user' + '[' + num + ']'); 75 $(this).parents('td').next().find('input[name^="email"]').attr('name','email'+ '[' + num + ']'); 76 }); 77 $("#cnt").val($('#tbl1 input[name^="user"]').length); 78 } 79 }); 80</script> 81</body> 82</html>
[code.gs]
code.gs
1function onOpen() { 2 SpreadsheetApp.getUi() // Or DocumentApp or FormApp. 3 .createMenu('顧客') 4 .addItem('新規顧客', 'openDialog') 5 .addToUi(); 6} 7 8function openDialog() { 9 var html = HtmlService.createTemplateFromFile('SalesReport') 10 .evaluate() 11 .setWidth(1240) 12 .setHeight(593) 13 .setSandboxMode(HtmlService.SandboxMode.NATIVE); 14 SpreadsheetApp.getUi() 15 .showModalDialog(html, ' '); 16} 17 18function include(file) { 19 return HtmlService.createHtmlOutputFromFile(file).getContent(); 20} 21 22function processForm(formObject) { 23 var count = parseInt(formObject.cnt); 24 var sheet = SpreadsheetApp.getActiveSheet(); 25 var lastRow = sheet.getLastRow(); 26 for (var i = 0; i < count; i++) { 27 i++; 28 Logger.log(formObject.brand+'['+i+']'); 29 } 30}
あなたの回答
tips
プレビュー