Question

我需要解析一个字段中的值，但也使其可编辑，以便用户也可以自己添加一个值，这与计算无关。我可以将值解析为字段，但无法使其可编辑，从而用户无法自己添加值。请帮忙。

var Height = document.getElementsByName('[Height]')[0].value;
var vertical = Height / 30;
if (vertical > 1) {
  var x = parseInt(vertical);
  console.log(x);
  document.getElementsByName('vertical')[0].value = x;
} else {
  return false;
}

更新

<input type="number" id="message" name="vertical" oninput="calculate()">

Answer 1

var heightInput = document.getElementById('height'),
  verticalOutput = document.getElementById('vertical');

function calculate() {
  var vertical = parseInt(heightInput.value,10) / 30;
  verticalOutput.value = vertical > 1 ? Math.floor(vertical) : "—";
}

<div>Type in a value greater than 30</div>
<input type="number" id="height" oninput="calculate()">
=>
<input id="vertical" type="number" value="—">

在此解决方案中，您具有输入和输出元素。在每个“ oninput”上，该功能都将使用计算出的值设置输出字段。

解析一个值并使其在javascript中可编辑

1 个答案: