forEach 반복문 질문드립니다!

forEach 반복문 강의 중 jquery를 사용하지 않고 바닐라js로 코딩할때

var pants = [28 , 30, 32];
                pants.forEach(function(e) {
                  document.getElementsByTagName("select")[1].insertAdjecentHTML('beforeend',`<option>${e}</option>`);
                  console.log(e);
                })

이런식으로 코드를 짜보았는데 console창에는 pants의 데이터가 잘나오는 반면
html에 option태그는 28, 30만 생성되고 있는데 해결방법이나 검색 조언 알고 싶습니다