个人中心
gpt4 book ai didi

javascript - 在 Javascript 中通过标签名称获取信息

转载 作者：行者123 更新时间：2023-12-01 00:14:02 24 4
gpt4 key购买 nike

我需要一种方法来捕获所有未知数量的文本字段并将它们保存为 JSON:我对编码非常熟悉，但对网络很陌生。这甚至是这样做的方法吗？谢谢!

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
  </head>
  <body>
    <div id="myP">
        field
        <br />
    </div>
    <button onclick="addField()">add field</button>
    <button onclick="captureAllInfo()">Capture</button>
    <script>
        var whichdiv = 0;
      
        function addField() {
          whichdiv = whichdiv + 1;
          parentDocument = document.getElementById("myP");
      
          var mydiv = document.createElement("div");
          mydiv.id = whichdiv;
      
          var input1 = document.createElement("input");
          var label1 = document.createElement("label");
          label1.innerHTML = "input label 1 ";
          input1.id = "Info1";
      
          var input2 = document.createElement("input");
          var label2 = document.createElement("label");
          label2.innerHTML = "imput label 2";
          input2.id = "Info2";
      
          mydiv.appendChild(label1);
          mydiv.appendChild(input1);
          mydiv.appendChild(label2);
          mydiv.appendChild(input2);
      
          parentDocument.appendChild(mydiv);
        }
      
        function captureAllInfo() {
          for (var i = 0; i < whichdiv; i++) {
            console.log("loopin");
            var thisDiv = document.getElementById(i);
            console.log(thisDiv.getElementById("Info1").value);
          }
        }
      </script>
  </body>
</html>

我真正想做的是获取这两个输入，然后将它们添加到 JSON 对象中，例如JSON 结构如下:

{
  "1": 
      {input1 : "string",
       input2: "String"},
    "2": 
      {input1 : "string", 
       input2: "String"}
     "3"..., 
     "4"...
}

最佳答案

我们有一个像这样的函数 document.querySelectorAll('input')。

这将获取 DOM 中存在的所有输入元素。然后您可以根据您的要求修改它们。

关于javascript - 在 Javascript 中通过标签名称获取信息，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59890862/

24 4 0
文章推荐： javascript - 如何使用 HTML5 canvas 调整图片大小，然后将其上传到 Google 云端硬盘？
文章推荐： python - 测试期间出现断言错误，没有明确的错误消息
文章推荐： react-native - 使用插值时如何初始设置不透明度
文章推荐： Python Asyncio 未使用 asyncio.run_coroutine_threadsafe 运行新协程
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com