如何將項目從 HTML 導出到 .TXT 文件？

Question

我正在嘗試創建一個 HTML 程序，該程序可以將<select>和<option>腳本創建的下拉列表中的所選項目放入 a.txt 文件中。 該文件位於 Replit 上，因此假設該文本文件已經存在。 到目前為止，這是我的代碼：

`

<!DOCTYPE html>
<html>
  <body>
    <form action="cardspicked.txt" method="get">
      <h3>What is your favorite low elixir Clash Royale card?</h3>
      <label for="low_elixir">Choose a card:</label>
      <select name = "low_elixir" id = "low_elixir">
        <option>Heal Spirit</option>
        <option>Skeletons</option>
        <option>Electro Spirit</option>
        <option>Fire Spirit</option>
        <option>Ice Spirit</option>
        <option>Wall Breakers</option>
        <option>Bats</option>
        <option>Spear Goblins</option>
        <option>Bomber</option>
        <option>Ice Golem</option>
        <option>Goblins</option>
        <option>Rage</option>
        <option>Giant Snowball</option>
        <option>Barbarian Barrel</option>
        <option>Zap</option>
        <option>The Log</option>
      </select>
      <hr>
      <h3>What about medium elixir?</h3>
      <label for="med_elixir">Choose a card:</label>
      <select name = "med_elixir" id = "med_elixir">
        <option>Knight</option>
        <option>Ice Wizard</option>
        <option>Mega Minion</option>
        <option>Dart Goblin</option>
        <option>Goblin Gang</option>
        <option>Miner</option>
        <option>Minions</option>
        <option>Bandit</option>
        <option>Princess</option>
        <option>Guards</option>
        <option>Archers</option>
        <option>Firecracker</option>
        <option>Royal Ghost</option>
        <option>Elixir Golem</option>
        <option>Skeleton Barrel</option>
        <option>Fisherman</option>
        <option>Skeleton Army</option>
        <option>Battle Healer</option>
        <option>Zappies</option>
        <option>Skeleton King</option>
        <option>Hunter</option>
        <option>Valkyrie</option>
        <option>Flying Machine</option>
        <option>Mighty Miner</option>
        <option>Electro Wizard</option>
        <option>Magic Archer</option>
        <option>Night Witch</option>
        <option>Inferno Dragon</option>
        <option>Battle Ram</option>
        <option>Mini P.E.K.K.A</option>
        <option>Musketeer</option>
        <option>Baby Dragon</option>
        <option>Golden Knight</option>
        <option>Skeleton Dragons</option>
        <option>Dark Prince</option>
        <option>Night Witch</option>
        <option>Lumberjack</option>
        <option>Cannon</option>
        <option>Tombstone</option>
        <option>Mortar</option>
        <option>Bomb Tower</option>
        <option>Tesla</option>
        <option>Furnace</option>
        <option>Goblin Cage</option>
        <option>Goblin Drill</option>
        <option>Goblin Barrel</option>
        <option>Royal Delivery</option>
        <option>Tornado</option>                     
        <option>Earthquake</option>
        <option>Arrows</option>
        <option>Clone</option>
        <option>Fireball</option>
        <option>Freeze</option>
        <option>Poison</option>
      </select>
      <hr>
      <h3>High elixir?</h3>
      <label for="high_elixir">Choose a card:</label>
      <select name = "high_elixir" id = "high_elixir">
        <option>Barbarians</option>
        <option>Royal Hogs</option>
        <option>Giant</option>
        <option>Prince</option>
        <option>Wizard</option>
        <option>Ram Rider</option>
        <option>Cannon Cart</option>
        <option>Rascals</option>
        <option>Witch</option>
        <option>Minion Horde</option>
        <option>Executioner</option>
        <option>Balloon</option>
        <option>Archer Queen</option>
        <option>Bowler</option>
        <option>Electro Dragon</option>
        <option>Elite Barbarians</option>
        <option>Goblin Giant</option>
        <option>Sparky</option>
        <option>Royal Giant</option>
        <option>Giant Skeleton</option>
        <option>Mega Knight</option>
        <option>P.E.K.K.A</option>
        <option>Royal Recruits</option>
        <option>Lava Hound</option>
        <option>Electro Giant</option>
        <option>Golem</option>
        <option>Three Musketeers</option>
        <option>Goblin Hut</option>
        <option>Inferno Tower</option>
        <option>Elixir Collector</option>
        <option>X-Bow</option>
        <option>Barbarian Hut</option>
        <option>Graveyard</option>
        <option>Lightning</option>
        <option>Rocket</option>
      </select>
      <hr>
        <button type="submit" value="Submit" />Submit</button>

     </form>
  </body>
</html>

`

我已經檢查了很多網站，包括這個網站，以找到這個問題的答案，但沒有一個能夠幫助我。 如果可能，請嘗試提供幫助。

Answer 1

HTML 不是編程語言； 它是一種標記語言。 您不能在 HTML 中使用算法或任何您會在傳統編程語言中使用的其他內容。
JavaScript 只是客戶端。 使用純 JavaScript 不可能從客戶端在服務器端存儲任何東西； 為此，您需要 PHP。 唯一的例外是如果你有一個運行 Node.js 的后端。

查看本文以獲取有關服務器端與客戶端編程的更多信息。

為了使用 PHP 添加此類功能，您需要向要添加到的服務器上的文件發送 PHP POST 請求。 要了解有關 PHP 和使用 PHP 的表單控件的更多信息，我建議閱讀這篇文章。

Answer 2

您不能單獨在 HTML 上執行此操作，因為 HTML 不是一種編程語言。 您將需要使用一些可以像這樣實現的 JS：

 const fs = require('fs'); var data = document.getElementById("low_elixir").options[].text; fs.writeFile('data.txt', data, (err) => { if (err) throw err; })

 <select name="low_elixir" id="low_elixir"> <option>Heal Spirit</option> <option>Skeletons</option> <option>Electro Spirit</option> <option>Fire Spirit</option> <option>Ice Spirit</option> <option>Wall Breakers</option> <option>Bats</option> <option>Spear Goblins</option> <option>Bomber</option> <option>Ice Golem</option> <option>Goblins</option> <option>Rage</option> <option>Giant Snowball</option> <option>Barbarian Barrel</option> <option>Zap</option> <option>The Log</option> </select>

如何將項目從 HTML 導出到 .TXT 文件？

問題描述

2 個解決方案

解決方案1
0 2022-11-17 02:28:39

解決方案2
-1 2022-11-17 01:55:05

如何將項目從 HTML 導出到 .TXT 文件？

問題描述

2 個解決方案

解決方案1 0 2022-11-17 02:28:39

解決方案2 -1 2022-11-17 01:55:05

解決方案1
0 2022-11-17 02:28:39

解決方案2
-1 2022-11-17 01:55:05