HTMLファイルの要素を別ファイルにする方法

2020/09/25 19:41

このQ&Aのポイント

HTMLファイルの要素を別ファイルにする方法について調べています。
ローカルで利用するHTMLファイルを作成していますが、datalistのoptionが200行以上あるため、別のファイルに置いて参照したいと思っています。
しかし、ローカルのテキストファイルが読めずに困っています。上手な方法があれば教えてください。

catsmoon
お礼率47% (97/204)

JavaScript
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

asciiz
ベストアンサー率70% (6803/9674)

2020/09/25 23:35 回答No.1

WebサーバへはHTTPでアクセスするため、「ローカルファイル」という考えがありません。すべてサーバ上にあるファイルのつもりでアクセスしないといけません。ただ、Javascriptならば、<script>タグで別ファイルを取り込むことが出来ます。そこに、「optionタグ出力だけのjavascript」を書いてみるというのはどうでしょう。今回はどうやら、<form>内のoptionタグを用意したいようですので、 ----親HTML---- <html> <head><title>取り込みテスト</title></head> <body> <form action="処理.cgi"> <select name="data"> <script type="text/javascript" src="datalist.js"></script> </select> </form> </body> </html> ---- datalist.js ---- const datas = [ "1行目", "2行目", "3行目", "(中略)", "200行目" ]; datas.forEach(function(value) { document.writeln("<option value=\"", value, "\">", value, "</option>"); }); ---- こんな感じでどうでしょう。

質問者