<label id="result"><input type="text"></label>
                        <select onchange="selectbox(this)">
                            <option>naver.com</option>
                            <option>hanmail.net</option>
                            <option>nate.com</option>
                            <option>korea.com</option>
                            <option>gmail.com</option>
                        </select>

✅html
1) id result인 input 또는 span등 빈태그 작성
2) select 박스 onchange=함수명 작성

function selectbox(e) {
    const text = e.options[e.selectedIndex].text;
    // e는 선택목록, 사용자가 선택한 선택목록을 가져온후 index값을 가져온다.
    //해당 인덱스 번호에 맞는 텍스트값을 가져온다    
    document.getElementById('result').innerText = text;
    // 선택한 텍스트를 resultID에 innertext로 집어넣는다
}

✅Javascript
1) html 함수명 함수 작성
2) text = 선택목록을 인덱스로 가져온 후 선택목록의 텍스트 선택
3) 파일의 id result에 text로 선언된 텍스트를 밀어넣는다

+ Recent posts