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