Для этого можно использовать событие «onclick». Например, чтобы изменить значение атрибута «value» элемента списка, можно использовать следующий код: <ul> <li onclick="this.setAttribute('value','new_value')">List Item 1</li> <li onclick="this.setAttribute('value','new_value')">List Item 2</li> <li onclick="this.setAttribute('value','new_value')">List Item 3</li> </ul>
optionMenus.forEach(optionMenu => { const selectBtn = optionMenu.querySelector('.select__btn'); const options = optionMenu.querySelectorAll('.select__option'); const sBtntext = optionMenu.querySelector('.select__input'); if (optionMenu) { selectBtn.addEventListener("click", function(e) { let elem_active = optionMenu.classList.contains("_active") optionMenus.forEach(opt => { opt.classList.remove('_active'); }) optionMenu.classList.toggle("_active", !elem_active) }); options.forEach(option => { option.addEventListener("click", function(e) { if (e.target.classList.contains('.select__option-text') != null) { sBtntext.value = e.target.innerText; // // // document.querySelector('.total').innerHTML = e.target.innerText; // // // }; options.forEach(el => { el.classList.remove('_active'); }); option.classList.add("_active"); optionMenu.classList.remove("_active") }); }); window.addEventListener('click', e => { const target = e.target if (!target.closest('.select__options') && !target.closest('.select__menu')) { optionMenu.classList.remove("_active") } }) } })
использовать функцию "select" для работы со списком опций меню
опцию можно выбрать кликнув на нее и задать выбранное значение в поле ввода
также выбранное значение можно отобразить в элементе с классом "total"