Форма с select, в которой option соответствует выбранному элемениту из массива
Есть массив: let mas = [
{ "лето": "Одень футболку и шорты" }, { "осень": "Одень куртку и штаны" }, { "зима": "Одень шубу и тёплые штаны" }, { "весна": "Одень ветровку и джинсы" }, ] Помогите с созданием формы с select, в которой option соответствует выбранному элемениту из массива. Когда выбираешь определённый option установить в input type=text соответствующую времени года строку. |
А что у вас не получается?
|
<body>
<script>
let mas = [
{"лето": "Одень футболку и шорты"},
{"осень": "Одень куртку и штаны"},
{"зима": "Одень шубу и тёплые штаны"},
{"весна": "Одень ветровку и джинсы"},
];
document.body.insertAdjacentHTML('beforeend', '<select id="sel"></select><input type="text" id="text">');
var sel =document.querySelector('#sel'), text = document.querySelector('#text');
for (let i = 0; i<mas.length; i++) sel.insertAdjacentHTML('beforeend','<option>'+Object.keys(mas[i])+'</option>');
(func =()=> text.value = Object.values(mas[sel.selectedIndex]))();
sel.addEventListener("change", func, false);
</script>
</body>
|
| Часовой пояс GMT +3, время: 12:13. |