<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>
