GASで、スプレッドシート内容を非同期で動的に表示したい

Question

下記の様なスプレッドシート(例)があります。

都道府県	市町村	町域	郵便番号
東京	新宿区	歌舞伎町	160-0021
東京	新宿区	四谷	160-0004
東京	台東区	浅草	111-0032
千葉	船橋市	旭町	273-0041
千葉	船橋市	市場	273-0001

これをindex.htmlで下記の様に表示したいです。

[都道府県のセレクトボックス]↓
[市町村のセレクトボックス]↓
[町域のセレクトボックス]↓
「郵便番号」の表示

---

各セレクトボックスは、親の内容により動的に変化させ、最終的に郵便番号を非同期処理で表示させたいです。

色々と調べたのですが、スプレッドシートをJSONデータで格納し、それをjQueryでセレクトボックスを変化させるのではないかと思っています。
JSONデータはログには出力できましたが、それをindex.htmlでどのように処理すればよいかわかりません。

もっと簡単な方法があるのでしょうか。
ご教授お願い致します。

Comments

[m.ts10806]

ヒントが欲しいのか、今のコードからどうしたらいいのか分からないのか、コードくださいなのか　どれでしょうか。（3つ目は非推奨の質問なので回答はのぞめないと思った方が良いです。コードくださいにしてもこの内容だけだと例示も簡単ではないですが）

[shota.]

質問の仕方がわかりづらくすみません。JSONとjQueryを使う方法が最も簡単な方法でしょうか？また、もしそうであれば”return JSON.stringify(json);”このようにして、ログには出力できましたが、どのようにコードを書けばindex.htmlで扱えるか教えてもらいたいです。

[m.ts10806]

JavaScriptでhtmlを生成する方法は確認されましたか？

[shota.]

ありがとうございます。調べて挑戦してみます。