[JS] 셀렉트박스(select box) 변경 이벤트 처리

 

 

<select id="job" name="issue_box" class="select" onchange="changeJob()">
   <option th:selected="${jobCode} == '1'" name="job" value="1">전문직</option>
   <option th:selected="${jobCode} == '2'" name="job" value="2">주부</option>
</select>

 

// value는 value값
function changeJob() {
    var jobSelect = document.getElementById("job");
    var selectedJob = jobSelect.options[jobSelect.selectedIndex].value; // 1
}

// text는  text값
function changeJob() {
    var jobSelect = document.getElementById("job");
    var selectedJob = jobSelect.options[jobSelect.selectedIndex].text; // 전문직
 }