Outsider's Dev Story

Stay Hungry. Stay Foolish. Don't Be Satisfied.
RetroTech 팟캐스트 44BITS 팟캐스트

Select Box에서 선택한 Option의 Text값 가져오기

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

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

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


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

보면 뻔한 소스이이다. 셀렉트박스의 Option배열에서 text를 가져오는데 선택한 Option의 위치를 알기 위해서 해달 셀렉트박스의 selectedIndex를 사용한 것이다.
2008/12/15 01:29 2008/12/15 01:29