Задать вопрос
mr_akkain

Мелан Альботов

Потихоньку учусь
Ответы пользователя по тегу JavaScript

  • Как изменять value в поле input динамически?

    mr_akkain
    @mr_akkain
    Потихоньку учусь
    Надеюсь это поможет. 

    const input  = document.querySelector('input');
const button = document.querySelector('#button');

button.addEventListener('click', function() {
input.value = Number(input.value) + 1;
input.setAttribute('value', input.value);
console.log(input.value);
});
    Ответ написан
    1 комментарий
    1 комментарий

  • Как динамически добавлять дочерние элементы в форму?

    mr_akkain
    @mr_akkain Автор вопроса
    Потихоньку учусь
    Нашел для себя решение, правда, код получился "громоздким".

    $(document).on('click', 'div[class^="add1"]', function(e) {
    var addFileHtml = '<input type="file" class="amount">';
    e.target.insertAdjacentHTML('afterend', addFileHtml);
});

$(document).on('click', 'div[class^="add2"]', function(e) {
    var carPlateHtml= '<div class="block4"><input type="text" class="car" placeholder="ТС"><div class="block5"><input type="file" class="amount"><div class="add1">1</div></div></div>';
    e.target.parentElement.insertAdjacentHTML('afterend', carPlateHtml);
});

$(document).on('click', 'div[class^="add3"]', function(e) {
    var pointMsgHtml = '<div class="block3"><input type="text" class="point" placeholder="Пункт"><div class="block4"><input type="text" class="car" placeholder="ТС"><div class="add2">2</div><div class="block5"><input type="file" class="amount"><div class="add1">1</div></div></div></div>';
    e.target.parentElement.insertAdjacentHTML('afterend', pointMsgHtml );
});

$(document).on('click', 'div[class^="add4"]', function(e) {
    var msgNumberHtml = '<div class="block2"><input type="text" class="out" placeholder="Исходящий"><div class="block3"><input type="text" class="point" placeholder="Пункт"><div class="add3">3</div><div class="block4"><input type="text" class="car" placeholder="ТС"><div class="add2">2</div><div class="block5"><input type="file" class="amount"><div class="add1">1</div></div></div></div></div>';
    e.target.parentElement.insertAdjacentHTML('afterend', msgNumberHtml);
});
    Ответ написан
    Комментировать
    Комментировать