chrome 확장프로그램에서 selectedIndex를 제대로 못가져오는데 혹시 아시는분?

JavaScript
1

chrome 확장프로그램 오픈 소스를 변경해서 기능 구현을 해보려고 하는데요.
특정 element에 포커스가 오면 title/ value/ label for 등의 값을 읽어 주려고 합니다. (chrome tts엔진이용)
다른 element들은 정상적으로 읽어지는데 select 박스는 조금 이상하게 동작을 합니다.
select의 내용중 선택된 내용(selectedIndex)를 읽어주고 싶은데 계속 첫번째 옵션만 읽어주네요.

뭐가 문제일까요? 도움 부탁드려요 ^^;;
참고로 확장프로그램 소스 첨부 드립니다.
확장프로그램에 여러 파일들 있지만 lib/kwaxtts.js 파일의 소스만 보시면 됩니다.

1)확장프로그램을 크롬 개발자 모드에서 로드 한 후 select박스가 있는 페이지에 접속(https://www.whatsmydns.net/)
2) whatsmydns사이트 상단의 검색 ui쪽에 focus가 위치하면 필요한 내용을 읽어줍니다.
첫번째 inputbox는 의도대로 잘 읽음
두번째 select 박스는 선택된 내용을 읽어주고 싶은데 계속 첫번째 option만 읽어줌.
3) kwaxtts.js Line255부분에서 이 처리를 해주고 있는데 잘 안되네요.
strAttValue = strAttValue + element.options[element.options.selectedIndex].text;
// 19.12.24 선택된 TEXT를 읽도록 변경
//문제점 element.options[element.options.selectedIndex].text 를 읽는게 아니라 무조건 option의 첫번째 (element.options[0].text)를 읽음
js고수님들 도움 부탁드립니다.

참고. 아래와 같이 select element 내부에 onfocus를 선언하면 정상적으로 selectedIndex를 가져옵니다.
그런데 확장프로그램쪽에서 onfocus 이벤트를 받아서 selectedIndex를 가져오려고 하면 계속 첫번째값만 가져오네요.

..... 살펴봐주세요, 제발~

K-WAX-2.1.2TTSONLY.zip (584.5 KB)

2

해당 부분을 테스트 해봤는데
기존에 저장된 SelectedOptions 를 가져오는 듯 하네요

임시방편으로 테스트해 본 코드는 아래와 같습니다.
document.querySelector("#"+element.id).selectedOptions[0].text;
해당 selector 부분을 새로 갱신한 element로 변경하시면 됩니다.