카테고리 없음

<select> 태그내 <option> 태그 선택 이벤트 처리

nickbegain 2021. 8. 17. 02:55

<select className='admin-musical-category-select' onChange={writeWithPeople}>

<option disabled className='admin-musical-category-value' defaultValue='default'>동행인 종류</option>

<option className='admin-musical-category-together-value' value='혼자' >혼자</option>

<option className='admin-musical-category-together-value' value='연인과 함께' >연인과 함께</option>

<option className='admin-musical-category-together-value' value='가족과 함께' >가족과 함께</option>

<option className='admin-musical-category-together-value' value='친구와 함께' >친구와 함께</option>

<option className='admin-musical-category-together-value' value='아이와 함께' >아이와 함께</option>

<option className='admin-musical-category-together-value' value='직장동료와 함께' >직장동료와 함께</option>

</select>

 

--> <option> 태그에는 value를 지정해서 지정된 option의 값을 지정하고 <select> 에 onChange 이벤트를 지정하여 선택 이벤트를 처리한다.