时间戳

首页 > 解决方案 > 通过JS中的脚本更改文本框输入

javascript - 通过JS中的脚本更改文本框输入

问题描述

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

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

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>

有什么帮助吗？

标签： javascriptweb

解决方案

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

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

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

推荐阅读