• ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：htmlファイルの要素を別ファイルにしたい）

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

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

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

  • ベストアンサー
  • asciiz
  • ベストアンサー率70% (6825/9705)
回答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>"); }); ---- こんな感じでどうでしょう。

catsmoon
質問者

お礼

回答ありがとうございました。 期待通りの出力ができました。ありがとうございます！

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

質問する