bibaram<select id="seledtBox" onchange="alert(this.value)">
<option id="0" value="value1">value1</option>
<option id="1" value="value2">value2</option>
<option id="2" value="value3">value3</option>
<option id="3" value="value4">value4</option>
<option id="4" value="value5">value5</option>
<option id="1" value="value2">value2</option>
<option id="2" value="value3">value3</option>
<option id="3" value="value4">value4</option>
<option id="4" value="value5">value5</option>
</select>
이경우에는 option의 속성으로 있는 value값이 넘어가게 된다.
동일하게 다른 함수에서 ID값으로 참조하여 선택되어져 있는 option의 value값을 가져올수 있다.
var selectValue = document.getElementById('selectBox').value;
alert(selectValue);
alert(selectValue);
요렇게 간단히 불러올 수 있다.
해당 옵션의 text 값 가져 오는 방법
<select id="seledtBox" onchange="alert(this.options[this.selectedIndex].text)">
<option id="0">value1</option>
<option id="1">value2</option>
<option id="2">value3</option>
<option id="3">value4</option>
<option id="1">value2</option>
<option id="2">value3</option>
<option id="3">value4</option>
<option id="4">value5</option>
</select>
이 경우에는 <option id="0">value1</option> 에서 진하게 표시한 text부분이 값으로 넘어가게 된다.
출처 : http://godpage.tistory.com/entry/select%EB%B0%95%EC%8A%A4%EC%9D%98-onchange%EC%97%90%EC%84%9C-thisvalue-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0
