Webram
@Webram
Я есть

Как передать значения атрибута по нажатию?

Есть форма, в нее должны передаваться значения по клику на ссылки.
У ссылок есть data-id = номер товара, этот номер нужно передать в форму.

<a id="one-click-b" class="one-click-button fancybox-inline" onclick="messr();" href="#one-click-buy" data-id="'. esc_html( $id ) .'">Купить сейчас</a>

<input type="text" name="dynamictext-875" value="" size="40" class="wpcf7-form-control wpcf7dtx-dynamictext wpcf7-dynamictext" id="one_b_id" aria-invalid="false">

function messr(){
var eler = document.getElementById('one-click-b').getAttribute("data-id");
document.getElementById("one_b_id").innerHTML = eler;
}


Вопрос в том, как каждый раз по клику получать нужные значения(из нажатых объектов) в форме?

На данный момент только значение первого элемента получается передать,
пробовал getElementsByClassName - вообще ничего не происходит и я так понимаю, что
этим мы получаем все объекты разом.
  • Вопрос задан
  • 84 просмотра
Решения вопроса 1
0xD34F
@0xD34F
document.addEventListener('click', function(e) {
  if (e.target.classList.contains('one-click-button')) {
    document.querySelector('#one_b_id').value = e.target.getAttribute('data-id');
  }
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы