2

Вот такой div

<div class="form-group divPosition">
     <label for="firstName">Имя:</label>
     <input class="form-control inputSize" name="firstName" />
</div>

так же есть js/jquery

        var elementInput = document.getElementsByTagName('input');
        var elementLabel = document.getElementsByTagName('label');         


        for (let i = 0; i < elementInput.length; i++) {
            elementInput[i].addEventListener('blur', func);
            for (let i = 0; i < elementLabel.length; i++) {
                elementLabel[i].addEventListener('blur', funcLabel);
            }
        }

        function func() {
            this.type = 'hidden';
        }

        function funcLabel() {
            ????????????
        }

Хочу сделать так, что бы, при заполнении поля input, после того как фокус переходит на следующий input предыдущий скрывался.
Проблема в следующем:
Поле input, скрывается как я и хотел, а вот как скрыть label не могу понять. Перепробовал кучу вариантов.
Ничего не помогает.
Единственный вариант, который, хоть как то работал, это
$(elementLabel).html("");,
но проблема в том, что он убирает, сразу все label со страницы, если делаешь так
$(this.elementLabel).html("");
вообще не работает. Как можно это решить?

1 ответ 1

2
function func() {
  this.type = 'hidden';
  var label = document.querySelector("label[for='" + this.name + "']");
  if (label)
    label.style.display = "none";
}
2
  • Спасибо работает! Все нервы себе вымотал!))) А, не могли бы объяснить вот этот синтаксис "label[for='" + this.name + "']" по подробнее что значит [ ] квадратные скобки и что querySelector помещает в var label?
    – EugeneTM
    28 мар 2019 в 16:34
  • @EugeneTM w3schools.com/csS/css_attribute_selectors.asp
    – user176262
    28 мар 2019 в 16:34

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.