使用Javascript设置输入值-提交时不会发布

我试图从API中获取数据并将其发布到数据库，这是我在手动输入数据时使用的表单。但是，当您从API请求设置数据时，它会在页面上更新。虽然发布时显示空白

我正在使用

document.getElementById('Title').value = item.volumeInfo.title;

获取输入中的“值”

及

作者

附在表格上

<button class="btn btn-primary" ng-disabled="AddNewForm.$invalid ||
isUnchanged(book)" id="add-new-btn"
ng-click="New_Book(book)">Add</button>

添加

---

为什么它是空白的

表单元素通过其“name”属性提交其值。。。输入元素是否生成名称属性？如果没有，这就是它不起作用的原因

乙二醇

---

你的问题对我来说不够清楚。但是我试着做一个简单的例子，让它尽可能的通用，让您可以使用表单输入

这是一个

HTML

---

此解决方案允许您在

输入

中以及

提交

表单后编写任何内容。您可以在其他地方使用这些数据。

您的输入类型是什么？我的输入仅为“文本”，请发布一些我们可以使用的内容。在当前状态下是不可能的。您如何提交“表格”？你在提交之前做什么？有活动听众吗？真的不知道你的意思，对不起！您能以不同的方式解释吗？如果您试图通过HTTP提交表单或序列化内容，您将需要一个

名称

属性，因为这是浏览器对每个键/值对使用的属性。浏览器没有使用

id

属性。啊，我明白了！虽然如果我手动输入数据（从数据库传递数据的角度）表单会发送到数据库，但不确定如何使用name属性。我想我可能用了不恰当的措辞，我在搜索按钮中输入了图书名称，它使用google books api用js value函数填充表单。所以数据在页面中，但当我提交时，它是空白的。虽然如果我手动输入表单，它发布的很好。传递数据时是否使用

事件侦听器

？例如我使用

onsubmit

事件将

标题输入

值传递给

结果

标题。我的表单上有“ng click=“New_Book（Book）”将其发布到Angular，如果这是您的意思？

<button class="btn btn-primary" ng-disabled="AddNewForm.$invalid ||
isUnchanged(book)" id="add-new-btn"
ng-click="New_Book(book)">Add</button>

<input name=“foo” value=“bar”/>

?foo=bar

<form action="post" id="myForm">
   <input type="text" id="title">
   <input type="submit" value="Click To Update">
</form>

<h2 id="result"></h2>

// Select our main elements (form, text input, result heading)
const form = document.getElementById("myForm");
const titleInput = document.getElementById("title");
const result = document.getElementById("result");

form.onsubmit = function(e) {

  // Don't refresh the page
  e.preventDefault();

  // Set the input value into the result heading
  result.innerHTML = titleInput.value;
}