GAS(google apps script)でhtmlのセレクトボックスの選択肢をスプレッドシートの内容から作成したい。

実現したいこと

現在私はgoogleフォームを使わない方向でGASでアンケートフォームのようなものを作っています。

その中でセレクトボックスから名前を選択する項目を作りたく、セレクトボックスの選択肢をスプレッドシートを参照し反映させたいのですが、このコードだとselect要素の中身が空白になってしまいます。

当方プログラミング始めたて為、見当違いな事をしているかもしれませんが、お知恵を貸していただければ幸いです。

スプレッドシートは名前を縦に並べただけのものです。

index.html
1<html>
2  <head>
3    <base target="_top">
4  </head>
5  <body>
6
7    <form action="xxxxxxx" method="post">
8
9      <select id="nameee">
10      </select>
11
12      <script>
13      function pulldown(){
14      //スプレッドシートから名簿を読み込む
15      var nameSheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('名簿');
16      var nameValues = nameSheet.getDataRange().getValues();
17 
18       //nameValuesを一次元配列に変更する処理
19       var nameList = [];
20       for(var i = 0;i<nameValues.length; i++){
21       nameList.push(nameValues[i][0]);
22       Logger.log(nameList);
23       }
24 
25      for(var i=0;i<nameList.length;i++){
26       let op = document.createElement("option");
27       op.value = nameList[i];  //value値
28       op.text = nameList[i];   //テキスト値
29       document.getElementById("nameee").appendChild(op);
30       }    }
31       
32       pulldown();
33
34    </script>
35  
36      <input type="submit" value="確定">
37    </form>
38
39
40  </body>
41</html>