Изменение ввода текстового поля скриптом в JS

#javascript #web

#javascript #веб

Вопрос:

В поисках некоторой помощи, я сейчас пишу скрипт, и мне нужно изменить текстовое поле внутри HTML-страницы, на которой он запущен.

Мне нужно изменить значение inputwood идентификатора, например, но использование 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>

Развернуть фрагмент

Любая помощь?

1. Это работает хорошо. Смотрите фрагмент выше.

2. Написанный мной код скрипта вообще не изменяет значение.

3. Ну, проблема может быть где-то в другом месте. Код, который вы нам дали, работает хорошо, как вы можете видеть, если вы нажмете кнопку «Выполнить фрагмент кода». Это дает вам какие console -то ошибки?

4. Уместна ли здесь Java?

5. @VLAZ Нет, это не так.

Ответ №1:

Вы должны поместить код javascript в функцию и назначить onclick-событию кнопки. В вашем фрагменте кода js запускается немедленно, и мы видим только значение «0» в поле iput.

    <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»); дерево.значение;