Вывод select через button

85
08 февраля 2022, 06:50

При нажатии кнопки должна появится та часть массива которая указана в select.

let selStation = document.querySelector('#select-station'); 
let btnStation = document.querySelector('.btn-station'); 
 
const metro = { 
	"red" : [ 
	  'Академгородок', 'Житомирская', 'Святошин', 'Нивки', 
	  ], 
	"blue" : [ 
	  'ТЧ-2 «Оболонь»', 'Героев Днепра', 'Оболонь', 'Почайна', 
	], 
	"green" : [ 
	  'Сырец', 'Дорогожичи', 'Герцена', 'Лукьяновская', 
	] 
} 
 
let massKey = Object.keys(metro); 
for( let i = 0; i < massKey.length; i++) { 
		selStation.add(new Option(massKey[i])) 
} 
 
btnStation.addEventListener('click', function () { 
	let val = metro[this.value]; 
	for( let i = 0; i < val.length; i++) { 
		document.write(val[i]); 
	} 
})
<select id="select-station"></select> 
<button class="btn-station">Send</button>

Answer 1

let selStation = document.querySelector('#select-station'); 
let btnStation = document.querySelector('.btn-station'); 
 
const metro = { 
  "red": ['Академгородок', 'Житомирская', 'Святошин', 'Нивки'], 
  "blue": ['ТЧ-2 «Оболонь»', 'Героев Днепра', 'Оболонь', 'Почайна'], 
  "green": ['Сырец', 'Дорогожичи', 'Герцена', 'Лукьяновская'] 
}; 
 
Object.keys(metro).forEach(i => selStation.add(new Option(i))); 
 
btnStation.addEventListener('click', function () { 
  let val = metro[selStation.value]; 
  output.innerHTML = val.join('<br/>'); 
});
<select id="select-station"></select> 
<button class="btn-station">Send</button> 
<div id='output'></div>

READ ALSO
Как происходит передача аргумента в колбэк?

Как происходит передача аргумента в колбэк?

В объявлении функции "check" мы передаем ей параметр "word", а когда вызываем ее в качестве колбэка, мы ничего ей не передаемКаким образом она понимает...

81
Удалить GET Params в URL

Удалить GET Params в URL

Так получаю GET params после того как все флажки сняты с checkbox $("checkbox_campaigns_id") так добавляю параметры к определенным ссылкам

72
Как сделать чекбокс для активации группы

Как сделать чекбокс для активации группы

Мне нужно чтобы при нажатие на основной чекбокс активировались все как это сделать

70