[Info]Tags categorized posts and contents patterns..

[AJAX] Ajax Code E xamples.. [Book] About the book.. [CSS] CSS Code E xamples.. [DB] Sql Code E xamples.. [DEV] All development stor...

2016년 2월 24일 수요일

[JS]Select Box에서 선택한 Option의 Text값 가져오기..

출처 : Outsider's Dev Story https://blog.outsider.ne.kr/

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

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

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


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

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

My Comment..
오옷.. 첨으로 포스팅 가져오면서.. 소스를 hilite 통해서 해봤당..
신기하군.. ㅋㅋ.. 앞으로 잘 활용해야지.. 햄하고 똑같은 스탈은 아니지만..
이런 것을 알게해줘서.. 은근 감사.. 혼자였다면, 검색 안해보고 걍 지나쳤을 텐데.. ㅎㅎ..

댓글 없음:

댓글 쓰기