Задать вопрос
@EvgenyJozef3000
javascript

Как при обновлении значения в data-attribute из тега переносить это значение в input value?

Добрый день. Имеется следующий кусок кода:
<span data-value="39100" data-currency="RUB" class="small to-cart btn btn-default transition_bg animate-load" data-item="312" data-float_ratio="" data-ratio="1" data-bakset_div="bx_basket_div_312" data-props="" data-part_props="Y" data-add_props="Y" data-empty_props="Y" data-offers="" data-iblockid="17" data-quantity="1"></span>

Как при обновлении значения атрибута data-quantity это значение переносить в значение input, то бишь сюда:
<input name="itemQuantity_0" value="1" type="hidden">

Таким образом, чтобы при изменении значения data-quantity, например, с 1 на 3 на странице, изменялось value="1" инпута с name=itemQuantity_0 на 3, то есть так:
<input name="itemQuantity_0" value="3" type="hidden">

Как это сделать?
  • Вопрос задан
  • 68 просмотров
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
@DanKud
MutationObserver()
const obsElement = $('.to-cart');
const attrName = 'data-quantity';
 
const observer = new MutationObserver(m => {
    m.forEach(m => {
        if (m.attributeName === attrName) {
            $('[name="itemQuantity_0"]').val(obsElement.attr(attrName));
        }
    });
});

observer.observe(obsElement[0], { attributes: true });
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Скрыть / убрать лишние поля в форме заказа
19 апр. 2024, в 07:30
1500 руб./в час
Взлом автомобильной программы
19 апр. 2024, в 05:01
999999 руб./за проект
Доработать телеграм бота
19 апр. 2024, в 03:52
1000 руб./за проект
Ещё заказы