select box 에서 텍스트 가져오기

보통 셀렉트박스를 사용할 때 Ajax전송등 사용할 때 선택한 Option에서 value값을 사용하기는 하지만 상황에 따라서는 표시한 텍스트값을 가져와야 할 경우가 있다. 물론 처음 넣을 때 value값 안에 중간연결 기호(, / 등등)를 넣어서 할수도 있지만 텍스트가 띄어쓰기가 있을수고 있고 길이가 길면 그렇게 하는 것도 만만치 않다. 이왕 Option에 텍스트가 들어 있는데 굳이 그렇게 하는것도 좀 그렇고...

<option value="0">선택하세요</option>

위처럼 되어 있으면 "선택하세요"라는 텍스트를 가져오고 싶다는 것이다. 어쨌든 가져올 수 있는 코드는 간단하다.

view plaincopy to clipboardprint?

1. var target = document.getElementById("testSelect");   
2. target.options[target.selectedIndex].text   

<TEXTAREA class="javascript" style="DISPLAY: none" name=CodeHighLighterCode rows=10 readOnly cols=60>var target = document.getElementById("testSelect"); target.options[target.selectedIndex].text< /TEXTAREA>
보면 뻔한 소스이이다. 셀렉트박스의 Option배열에서 text를 가져오는데 선택한 Option의 위치를 알기 위해서 해달 셀렉트박스의 selectedIndex를 사용한 것이다.

 

출처 : http://blog.outsider.ne.kr/254?category=24