select option에서 선택된 텍스트 값 가져오기

예를 들어 다음과 같은 select box가 있다고 가정하자!


<select id="test">
    <option value="1">text1</option>
    <option value="2">text2</option>
    <option value="3">text3</option>
</select>


여기서 선택된 option의 값(text)을 가져오고 싶다면(value가 아니라)

어떻게 해야할까?


onchange나 this 등을 복잡하게 사용하지 않고

직관적으로 가져올 수 있는 방법이 있다!

다음과 같이 하면 된다!(단 한 줄로 가능하다!)


var a = document.getElementById('test').options[document.getElementById('test').selectedIndex].text;


alert(a);를 해보면

선택된 놈의 값이 제대로 출력될 것이다!