Форум

mikhael · #11 (**permalink**) 14.09.2016, 16:07

А можно тоже самое реализовать с помощью id элемента.
А то получается, что перед

<input class="form-control form-text form-number" type="text" id="edit-submitted-4otvet" name="submitted[4otvet]" step="1">

есть еще несколько input

рони · #12 (**permalink**) 14.09.2016, 16:13

mikhael,

var b = document.querySelectorAll("[id^=edit-submitted]");

mikhael · #13 (**permalink**) 14.09.2016, 16:38

т.е. чтоб было однозначно в коде с каким из input происходит манипуляция.
edit-submitted-4otvet -> 40
edit-submitted-5otvet -> 25
и т.д.

рони · #14 (**permalink**) 14.09.2016, 16:46

mikhael,
в коде и так однозначно -- массив сам по себе не изменится -- первое значение для первой пары и тд

mikhael · #15 (**permalink**) 14.09.2016, 16:56

В том то и дело, что в html коде

<input class="form-control form-text form-number" type="text" id="edit-submitted-4otvet" name="submitted[4otvet]" step="1">

это не первый input, он может быть и 5 и 10.

рони · #16 (**permalink**) 14.09.2016, 18:10

Сообщение от mikhael

это не первый input, он может быть и 5 и 10.

какая разница ....

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>

  <script>
 window.addEventListener("DOMContentLoaded", function() {
    [{id : 4, r : 40},{id : 8, r : 25}].forEach(function(c) {
        var b = document.querySelector("[id=edit-submitted-"+c.id+"otvet]"),
            a = document.querySelector("[id=edit-submitted-"+c.id+"rez]");
        b.addEventListener("input", function() {
           a.value = +(this.value == c.r)
        })
    })
});
  </script>
</head>

<body>

<form>
<div class="form-item webform-component webform-component-number webform-component--4otvet webform-container-inline form-group form-inline form-item form-item-submitted-4otvet form-type-webform-number form-group"> <label class="control-label" for="edit-submitted-4otvet">Ответ</label>
<input class="form-control form-text form-number" type="text" id="edit-submitted-4otvet" name="submitted[4otvet]" step="1"></div>
<div class="form-item webform-component webform-component-number webform-component--4rez webform-container-inline form-group form-inline form-item form-item-submitted-4rez form-type-webform-number form-group"> <label class="control-label" for="edit-submitted-4rez">4rez</label>
<input class="form-control form-text form-number" type="text" id="edit-submitted-4rez" name="submitted[4rez]" value="0" step="1"></div>
..........
<div class="form-item webform-component webform-component-number webform-component--8otvet webform-container-inline form-group form-inline form-item form-item-submitted-8otvet form-type-webform-number form-group"> <label class="control-label" for="edit-submitted-8otvet">Ответ</label>
<input class="form-control form-text form-number" type="text" id="edit-submitted-8otvet" name="submitted[8otvet]" step="1"></div>
<div class="form-item webform-component webform-component-number webform-component--8rez webform-container-inline form-group form-inline form-item form-item-submitted-8rez form-type-webform-number form-group"> <label class="control-label" for="edit-submitted-8rez">8rez</label>
<input class="form-control form-text form-number" type="text" id="edit-submitted-8rez" name="submitted[8rez]" value="0" step="1"></div>
</form>



</body>
</html>

mikhael · #17 (**permalink**) 14.09.2016, 18:48

Благодарю, все работает.

Форум

Справочник

Discord чат

Курсы javascript