如何动态更改数字输入的值？

Question

我有一个输入为type="number"的表单，提交后我将其重置并备份在列表中以解决目的。

如果任何提交失败，我想解决整个输入。 我也尝试在分配之前将 innerHTML 转换为 Number，但它不起作用。 Number.parseInt(document.querySelector("div#"+ item_Id +".result #context > #cmeasurement").innerHTML);

我可以通过更改数字输入的值来实现吗？

 function resolveForm(item_Id) { document.querySelector("#addInventoryform #measurement").value = document.querySelector("div#" + item_Id + ".result #context > #cmeasurement").innerHTML; }

 <div id="addInventory_form"> <form id="addInventoryform" autocomplete="off"> <label for="measurment">Measurement</label> <input id="measurment" name="measurement" type="number" value="1"> </form> </div> <div id="a123121" class="result" style="background-color: wheat"> <div> <button onclick="resolveForm('a123121')" id="result_id">123121</button> <div id="status"></div> </div> <div id="context" style="display:none"> <div id="cmeasurement">12312</div> </div> </div>

Answer 1

在 HTML 的输入元素上，您设置了 id="measurement"。

在您的 function 中，您称您的 ID 为“测量值”。 如果您修复了拼写问题，function 应该会按预期工作。

请参阅下面的代码段：

 function resolveForm(item_Id) { document.querySelector("#addInventoryform #measurement").value = document.querySelector("div#" + item_Id + ".result #context > #cmeasurement").innerHTML; }

 <div id="addInventory_form"> <form id="addInventoryform" autocomplete="off"> <label for="measurment">Measurement</label> <input id="measurement" name="measurement" type="number" value="1"> </form> </div> <div id="a123121" class="result" style="background-color: wheat"> <div> <button onclick="resolveForm('a123121')" id="result_id">123121</button> <div id="status"></div> </div> <div id="context" style="display:none"> <div id="cmeasurement">12312</div> </div> </div>