首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何将项目从HTML导出到.TXT文件中?

如何将项目从HTML导出到.TXT文件中?
EN

Stack Overflow用户
提问于 2022-11-17 00:34:44
回答 2查看 27关注 0票数 0

我正在尝试创建一个HTML程序,它可以将从<select><option>脚本创建的下拉列表中选定的项放入.txt文件。该文件位于Replit上,因此假设文本文件已经存在。到目前为止,这是我的代码:

`

代码语言:javascript
复制
<!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>

`

我已经检查了很多网站,包括这个网站,找出了这个问题的答案,但是没有一个网站能够帮助我。如果可能的话,试着帮忙。

EN

回答 2

Stack Overflow用户

发布于 2022-11-17 01:55:05

不能仅在HTML上这样做,因为HTML不是一种编程语言。您将需要使用如下可以实现的JS:

代码语言:javascript
复制
    const fs = require('fs');
    var data = document.getElementById("low_elixir").options[].text;

    fs.writeFile('data.txt', data, (err) => {
        if (err) throw err;
    })
代码语言:javascript
复制
      <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>

票数 0
EN

Stack Overflow用户

发布于 2022-11-17 02:28:39

  1. HTML不是一种编程语言,而是一种标记语言。您不能使用传统的HTML编程语言中使用的算法或其他任何东西。
  2. JavaScript仅限于客户端.不可能使用纯JavaScript从客户端在服务器端存储任何内容;为此需要使用PHP。唯一的例外是,如果您的后端运行Node.js。

有关服务器端编程和客户端编程的更多信息,请查看这篇文章

为了使用PHP添加这样的功能,您需要向要添加到的服务器上的文件发送一个POST请求。要了解有关PHP和使用PHP表单控件的更多信息,我建议使用这篇文章

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74468841

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档