Question

我从js获得此值，并且可以将其分配给标签，如何将标签中的值分配给输入？还是我如何从js获取此值以分配给输入？

var height = 150;
document.getElementById("heightLabel").innerHTML = height;

<div class="form-group">
  <label id="heightLabel"> height </label>
</div>

<div class="form-group">
  <input class="form-control" type="number" id="heightLabel" name="heightLabel" value="">
</div>

Answer 1

夫妇：

id的名称必须唯一。您无法为页面上的多个元素提供相同的id值。如果两者都需要，则应使用class（但这不适用于上面的示例）。
要分配一个<input/>元素的值，您将需要使用.value（或可替代地，使用.setAttribute('value', height)）。

// let height = 150; (To create in JS)
// To get label element value
let height = document.getElementById("heightLabel").innerText;

// Ensure it is a number
height = Number(height);
if (isNaN(height)) {
  height = 0;
}
// Set the input value
document.getElementById("heightValue").value = height;

<div class="form-group">
  <label id="heightLabel"> 999 </label>
</div>
<div class="form-group">
  <input class="form-control" type="number" id="heightValue" name="heightLabel" value="">
</div>

如何将标签中的值分配给输入？

1 个答案: