При нажатие кнопку, отправляется data атрибут в js

Я слаб в js. Помогите с кодом.

При нажатии на <input type="button" data-atr="123456789" value="Отправить">

data-atr - его значение отправляется в js для переменной mydata


Ответы (2 шт):

Автор решения: Qwertiy
  1. В современных браузерах можно так.
  2. Я бы всё-таки использовал type="submit".

document.querySelector('input[type="button"]').addEventListener('click', e => {
  document.getElementsByName('mydata')[0].value = e.target.dataset.atr
  e.target.form.submit()
})
<form>
  <input type="hidden" name="mydata">
  <input type="button" data-atr="123456789" value="Отправить">
</form>

→ Ссылка
Автор решения: Qwertiy

На самом деле всё можно сделать проще. Кнопка отправляется только если она нажата.

<form>
  <button type="submit" name="mydata" value="123456789">Отправить</button>
  <button type="submit" name="mydata" value="000">Отправить</button>
</form>

→ Ссылка