[Vanilla] JavaScript(자바스크립트) Select 동적으로 추가, 삭제, 선택(옵션 선택) 하기


[Vanilla] JavaScript(자바스크립트) Select 동적으로 추가, 삭제, 선택(옵션 선택) 하기

HTML <select id="abcde"> <option value="사과">사과</option> <option value="딸기">딸기</option> <option value="고추">고추</option> </select> 가져오기 JAVASCRIPT const select = document.getElementById('abcde'); const value = select.options[select.selectedIndex].value; 추가하기 JAVASCRIPT const select = document.getElementById('abcde'); const span = document.createElement('option'); span.setAttribute('value', '불닭볶음면'); // 만든 엘리먼트에 벨류값을 넣어줌 span.textContent = '불닭볶음면'; // 만든 엘리먼트에 텍스트 값을 넣어줌 select.appendChild(span); //...


#javascript #셀렉트박스동적 #셀렉트박스 #자바스크립트 #셀렉트동적 #바닐라자바스크립트 #select #셀렉트동적삭제 #셀렉트동적추가 #셀렉트선택 #셀렉트동적선택

원문링크 : [Vanilla] JavaScript(자바스크립트) Select 동적으로 추가, 삭제, 선택(옵션 선택) 하기