如何提交使用 JavaScript 制作的输入字段答案

【问题标题】：how to submit an input field made with JavaScript如何提交使用 JavaScript 制作的输入字段
【发布时间】：2021-06-28 14:08:19
【问题描述】：

我正在研究如何提交用 JavaScript 制作的输入字段。

我想通过 POST 方法将使用 JavaScript 生成的输入字段的值提交到名为“home.php”的文件中。但是我没有找到任何可能的方法来做到这一点，我希望有人帮助我。我已经包含了完整的源代码。我会非常感谢任何帮助。

谢谢。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
    <base target="_parent">
    <script>
        if (window.parent !== window) {
            try {
                window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__;
            } catch (error) {
                // The above line can throw if we do not have access to the parent frame -- i.e. cross origin
            }
        }
    </script>
    <title>Storybook</title>
    
</head>

<body>
    <div id="root"></div>
    <div id="error-display"></div>
<script type="text/javascript" src="http://yourjavascript.com/2560291117/preview-0c18dfe69fe4ef4a04bd-bundle.js"></script></body>

</html>

【问题讨论】：

创建字段的脚本在哪里？
与从静态 HTML 提交输入字段的方式相同。通过提交表单或使用 AJAX。
欢迎来到 Stack Overflow！请访问help center、tour 以查看内容和How to Ask。做一些研究，搜索关于 SO 的相关主题；如果您遇到困难，请发布您的尝试的minimal reproducible example，注意输入和预期输出，最好在Stacksnippet
@Barmar，你能帮帮我吗，我尝试添加
和提交 bouton 但是在提交表单时输入的值字段未提交
显示添加输入字段的代码。

标签： javascript html

【解决方案1】：

您可以使用内置的document.querySelector('#YourIdHere)，而不是搞乱 POST 或 GET 请求 # 符号很重要，因为它意味着它是一个 ID。此外，您可以添加提交按钮并使用以下方式获取网站：

fetch('urlHere', {
  method: 'POST',
  body: formData
  })
  .then(response => response.json())
  .then(data => console.log(data)
)

这样好吗？输入字段看起来像这样：

<html>
 <body>
   <input id='input' type="text" value="">
   <button onclick="submit()">Submit!</button>
   <p id="title">Your text here!</p>
   <script>
     function submit() {
      const query = document.querySelector('#input').value;
      const title = document.getElementById('title');
      console.log(query);
      console.log(title.innerHTML = query);
     }
   </script>
  </body>
</html>

并使用请求：

<html>
 <body>
   <button onclick="submit()">Submit!</button>
   <script>
    function submit() {
      const xhr = new XMLHttpRequest();
      xhr.responseType = 'json';
      xhr.onreadystatechange = () => {
       if (xhr.readyState === XMLHttpRequest.DONE) {
        console.log(xhr.response);
       };
      };
      xhr.open('GET', 'https://jsonplaceholder.typicode.com/users');
      xhr.send();

};
   </script>
  </body>
</html>

【讨论】：

getQueryById() 或 getElementById() / querySelector()?
我的错，解决了
你能把它添加到源代码中吗，我是 JS 新手，我不太明白，但如果它有效，那就是我需要的，非常感谢 btw
请帮帮我
源代码是什么？我看那里没有输入字段...