Apps Scriptリファレンス: Apps Script Reference |障害・課題追跡: IssueTracker |Google Workspace: Status Dashboard - Summary

2017年12月30日土曜日

セレクトボックスを作る

HTML Serviceでこういうセレクトボックスを作る




クリックすると選択肢が表示される



コード.gs
function doGet() {
  return HtmlService.createHtmlOutputFromFile("index");
}
意訳
この機能がやること
指定したHTMLファイルを表示する




index.html
<!DOCTYPE html>
<html>
  <body>
    <select id="select1">
      <option value="選択肢1">選択肢1</option>
      <option value="選択肢2" selected>選択肢2</option>
      <option value="選択肢3">選択肢3</option>
    </select>
  </body>
</html>
意訳
これはHTML5文書です


セレクトボックスを置く
1つ目の選択肢
2つ目の選択肢 開いた時に選択しておく
3つ目の選択肢






補足




このように表示したい場合は

<select id="select1">
<select id="select1" size="3">
とする


Latest post

Google Formsのフォントや色をカスタマイズしたい(UI操作)

Googleフォームではテーマをカスタマイズしてヘッダー画像や色やフォントを設定できます 今回は  Google Formsで単一選択の質問を作りたい  で作ったフォームをベースに テーマをカスタマイズしていきます テーマをカスタマイズ フォームの編集画面で上部メニューから「テー...