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

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

转载作者：行者123 更新时间：2023-12-01 00:14:02

24

4

我需要一种方法来捕获所有未知数量的文本字段并将它们保存为 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

文章推荐： python - 测试期间出现断言错误，没有明确的错误消息

文章推荐： react-native - 使用插值时如何初始设置不透明度

文章推荐： Python Asyncio 未使用 asyncio.run_coroutine_threadsafe 运行新协程

首页

博学

6Ren·AI

商城

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

标签)？
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？是吗 stackoverflow 或 stackoverflow 谢谢最佳答案根据网络标准，您不能将 block 元素放入内

首页

博学

6Ren·AI

商城

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

标签)？ 根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？ 是吗 stackoverflow 或 stackoverflow 谢谢 最佳答案 根据网络标准，您不能将 block 元素放入内

标签)？
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？是吗 stackoverflow 或 stackoverflow 谢谢最佳答案根据网络标准，您不能将 block 元素放入内