Typescript & React
select change 이벤트 속성 사용법
디지털노마드-건물주
2024. 7. 1. 21:49
728x90
const handleOpSelectedChange = (event:React.ChangeEvent<HTMLSelectElement>) => {
//선택된 옵션 중 리스트들: HTMLOptionsCollection(2) [option, option, selectedIndex: 1]
const selectedOp_lists = event.target.options;
//선택된 옵션 중 선택된 리스트의 값 표시 방법 1.
const selected_options_list_value = selectedOp_lists[selectedOp_lists.selectedIndex].value
//선택된 옵션 중 선택된 리스트의 값 표시 방법 2.
const selected_options_list_value2 = event.target.value;
}
728x90