Есть у меня
<form id="1">
<select id="select">
<option value="1"> один</option>
<option value="2">два</option>
<option value="3">три</option>
<option value="4">четыре</option>
<option value="5">пять</option>
<option value="6"> шесть</option>
<input type="text" placeholder="Добавит еще один пункт" id="val">
</ form>
Хочу сделать, чтобы при нажатии "ENTER" текст, который введён в input, добавился в "select" седьмым пунктом и сразу на его переключился.
Написал такой код, вроде работает. но не так как я хочу:
addEventListener ('keydown',function ( {
let select = document.querySelector ("#select"),
txtVal = document.getElementById ("val").value,
newOption = document.createElement ("option"),
newOptionVal = document.createTextNode(txtVal)
console.log (select)
newOption.appendChild(newOptionVal)
select.insertBefore(newOption, select.lastChild)
})