通过JS中的脚本更改文本框输入答案

【问题标题】：Change textbox input by script in JS通过JS中的脚本更改文本框输入
【发布时间】：2021-01-08 12:39:22
【问题描述】：

寻求帮助，我现在正在编写一个脚本，我需要更改运行它的 HTML 页面中的一个文本框。

例如，我需要更改inputwood ID 的值但是document.querySelector("#inputWood").value=0; 的使用不起作用。

document.querySelector("#inputWood").value=0;

<ul class="clearfix">
   <li class="assignWood " style="width:131px">
      <div class="clearfix">
         <input id="inputWood" type="number" class="textfield" maxlength="4" min="0" max="1290" size="3" name="wood" data-max="1290" value="860">
         <div class="plusminus">
            <div class="plus" id="plusWood"></div>
            <div class="minus" id="minusWood"></div>
         </div>
      </div>
   </li>
   <li class="assignLuxury " style="width:128px">
      <div class="clearfix">
         <input id="inputLuxury" type="number" class="textfield" maxlength="4" min="0" max="1164" size="3" name="luxury" data-max="1164" value="776">
         <div class="plusminus">
            <div class="plus" id="plusLuxury"></div>
            <div class="minus" id="minusLuxury"></div>
         </div>
      </div>
   </li>
   <li class="assignScientists " style="width:109px">
      <div class="clearfix">
         <input id="inputScientists" type="number" class="textfield" maxlength="4" min="0" max="256" size="3" name="scientists" data-max="256" value="256">
         <div class="plusminus">
            <div class="plus" id="plusScientists"></div>
            <div class="minus" id="minusScientists"></div>
         </div>
      </div>
   </li>
   <li class="assignPriests " style="width:130px">
      <div class="clearfix">
         <input id="inputPriests" type="number" class="textfield" maxlength="4" min="0" max="992" size="3" name="priests" data-max="992" value="816">
         <div class="plusminus">
            <div class="plus" id="plusPriests"></div>
            <div class="minus" id="minusPriests"></div>
         </div>
      </div>
   </li>
   <li class="assignCitizens" style="width:149px">
      <input type="submit" class="button" value="שמור">
   </li>
</ul>

有什么帮助吗？

【问题讨论】：

效果很好。参见上面的 sn-p。
我写的脚本代码根本没有改变值。
那么问题可能出在其他地方。您给我们的代码运行良好，如果您点击“运行代码 sn-p”按钮，您可以看到。它会给你一些console 错误吗？
Java 在这里是否相关？
@VLAZ 不，不是。

标签： javascript web

【解决方案1】：

您必须将javascript代码放入函数中并分配给按钮的onclick事件。在您的 sn-p js 代码中立即运行，我们在输入字段中只看到“0”值。

   <li class="assignCitizens" style="width:149px">
  <input type="submit" class="button" value="שמור" onclick="changeit()">

function changeit(){
   document.querySelector("#inputWood").value=0;
}

【讨论】：

【解决方案2】：

这样使用 const wood= document.querySelector("#inputWood"); wood.value;

【讨论】：

这到底有什么帮助？