Как получить выбранные данные из select, option и вывести их в созданный в js блок на странице?

Question

[dexr0w]

Как вывести выбранные данные select option в созданный в JavaScript-е в желтый блок?

Есть расписание, где ты выбираешь дни недели, время, и пишешь что угодно в input-text. А затем нажимаешь на кнопку добавить расписание (add-schedule типо того) после эти данные (выбранные значения) сохраняются в массиве 'allInfo';
И форма очищается.
И по кругу делаешь так сколько хочешь.

Затем при нажатии на кнопку "Показать Расписание (show schdeule)" выводятся желтые блоки с надписями
"Какой День:" "Какое Время:" "Какой Предмет:" а рядом имеются еще пустые h1 где должны быть те информации которые мы выбирали из select option.

Вопрос, как сделать так чтобы внутри этих пустых h1 находились те данные которые мы выбрали из select, option ?
Значения, value..

Ссылка на работу ниже >

Comments

[0xD34F]

А давай-ка ты откроешь правила, посмотришь, что написано в пункте 3.8, и исправишь вопрос.

[dexr0w]

0xD34F, понял сорри

[Алан Гибизов]

dexr0w, ничего ты не понял. Всё за вас делать надо…

Answer 1

[Андрей Мартынкевич]

1. Я бы создал массив для расписания(Например: let timetable = []) в котором бы находились объекты со свойствами
day,time,text и тд. Т.к сейчас там невозможно понять какая информация относится к какому расписанию.
2. Для того чтобы получить значение option, можно написать следующие
JS code:

let select = document.querySelector('#select');
select.addEventListener('change',(e)=>{
console.log(select.value);
})

Для этого нужно каждому option прописать атрибут value с нужным значением.
HTML code:

<select id="select">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>