125. (javascript/자바스크립트) select box 셀렉트 박스 현재 선택된 아이템 확인 실시

---

[개발 환경 설정]

​

개발 툴 : Edit++

개발 언어 : javascript

---

[소스 코드]

 

    /* [html 소스 코드] */
    <select id = "select_item" onchange="selectChange();" style="background-color: #ffffff;">
        <option value="1">사과</option>
        <option value="2">바나나</option>
    </select>



        /* [셀렉트 박스 변경 이벤트 감지] */
        var selectNowItem = "1"
        var selectNowName = "사과"
        function selectChange(){
            console.log("");
            console.log("[selectChange] : [start]");
            console.log("");

            var tagId = document.getElementById("select_item"); // [객체 id 지정]
            selectNowItem = tagId.options[tagId.selectedIndex].value; // [선택된 value 확인]
            selectNowName = tagId.options[tagId.selectedIndex].text; // [선택된 data 확인]

            console.log("");
            console.log("[selectChange] : [selectNowItem] : " + selectNowItem);
            console.log("[selectChange] : [selectNowName] : " + selectNowName);
            console.log("");
        }

 

---