CSS. select& option

1537 단어 CSSCSS

Select

	<select onchange={handleOnChange}>
		<option value="CJ">CJ대한통운</option>
		<option value="Lottee">롯데택배</option>
	</select>

select가 선택되면 handeOnChange() 함수를 호출하고 , 파라미터로 select element가 전달
어떤 사람처럼 option에 이벤트를 걸지말자!

multiple
  • 두 개 이상의 옵션을 동시에 선택할 수 있음(Ctrl, Shitf사용해서)
  • select 화면 또한 모든 목록이 등장
selected
  • select 옵션 중에 미리 선택되어지는 옵션을 말함
  • 드롭다운 리스트에 가장 먼저 표시
  • controlled 컴포넌트
    리액트에 의해 값이 컨트롤 되는 엘리먼트를 가진 입력 폼을 '제어된 컴포넌트'라 부름

좋은 웹페이지 즐겨찾기