前提
GASでスプレッドシートをフォームから追加・編集するwebアプリを作成しています。
GASのHTMLサービスを使用してフォームを表示し
コード.gsにdoPostを記述して追加や更新を行うまではできているのですが、
・入力フォームがiframe内に出ること(Googleのサーバー上にあるため)
・iframe外のグレーの警告がイケてないこと
を理由にフォームを外部のサーバー上(自サイト)のhtmlに移してpostするように変更しました。
しかし、送信ボタンを押した後にreturnを設定しないとエラーになるので
結局googleのサーバー上のページに戻らなければならず外部のHTMLに移した意味はあまりないのです。
returnのhtmlに元ページへのリダイレクトを設定しても反映されません。
→できました。リダイレクトの設定が間違っていただけでした。
ただ、できればgoogleサーバー上へのページへの遷移はなくしたいので質問自体は継続します。
ajax処理を使用するとgoogleサーバー上のページへの遷移なしに
スプレッドシートに書き込めるらしいのですが 例:http://bit.ly/2sBhivq (Qiita)
いずれの例もgoogleフォームを改造している例で(データを下行に積んでいくタイプ)、
私の応用力ではそのサンプルを自コードに合わせて改造することができませんでした。
(ノンプログラマです。お手柔らかにお願いいたします…)
実現したいこと
HTMLには下記のようなフォームを置いています。
ID [ ]
NAME [ ]
DIV [ ]
IDに入力した数値+1の行(row)にIDやNAMEやDIVに入力したフォームの値を書き込みたい。
挿入方法は、フォームの値を配列に詰め込んで行に書き込む方法で、
ヘッダーの項目名とフォーム名をつきあわせて…という高度なことはしておりません。
該当のソースコード
method="post" action="URL"を使用せず、書きこみたい。
どのようなコードを追加すればよいでしょうか?
postを使用している現在は、書きこみ行の指定などはgsで指定しています。
HTML
1 <form id="chrForm"> 2 <label for="ID">ID</label> 3 <input type="number" name="ID" id="ID" /> 4 5 <label for="fname">お名前</label> 6 <input type="text" name="fname" id="fname" /> 7 8 <label for="div">所属</label> 9 <input type="text" name="div" id="div" /> 10</form>
あなたの回答
tips
プレビュー