Перевод пары строчек кода с jQury в JS

Question

Помогите грамотно перевести код с jQuery в JS.
popup-one__center - это select с формы
так же есть записанный дата атрибут для каждого option data-mail
значение этого атрибута при выборе option записывается в скрытый input.
не могу перевести в js
помогите пожалуйста

$("#popup-one__center")
.change(function () {
  $("#set_mail").val($(this).find(":selected").data("mail"));
})
.change();

Answer 1

const select = document.getElementById('popup-one__center');

const changeHandler = ()=>{
    let setMail = document.getElementById('set_mail');
    let mail = select ? select.selectedOptions[0].dataset.mail : undefined;
    if( setMail ) setMail.value = mail;
};

if( select ) select.addEventListener( 'change', changeHandler );

changeHandler();

<select id="popup-one__center">
  <option data-mail="111">111</option>
  <option data-mail="222">222</option>
</select>

<input type="text" id="set_mail">

БЛОГ НА HUSL

Перевод пары строчек кода с jQury в JS

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