콤보박스 텍스트 및 값 구하기

콤보박스에는 화면에 보이는 텍스트와 해당 텍스트와 매핑되는 숨겨진 값이 존재 합니다.
작업을 하다보면 콤보박스의 선택되어진 값과 텍스트를 추출해야 할 때가 종종 있지요.
하여 오늘은 콤보박스 텍스트 및 값 구하기에 대해서 알아보겠습니다.

이럴 때는 어떻게 해야 할까요?
jquery를 이용하면 아주 간단히 작업을 처리 할 수 있습니다.

▶ ComboBox 텍스트

---

$("#controlID").find("option:selected").text();
일반적으로는 위와 같이 해당 콤보박스의 ID를 가지고 jquery를 이용해서 구해줍니다.

하지만 .net 언어를 사용하고 컨트롤을 runat="server"로 정의했다면 해당 컨트롤의 ID는 자신이 지정한 명시적인 ID로 찾을 수가 없습니다. 이럴때는 아래와 같이 해주면 됩니다.

$("#<%=controlID.ClientID%>").find("option:selected").text();

▶ ComboBox 값

---

값을 구하는 방법은 더욱 쉽습니다.
("#controlID").val();

그럼 텍스트를 구할 때 처럼 .net에서의 컨트롤이라면 어떻게 할까요?
눈치 좋으신 분들은 바로 아시겠줘...ㅎㅎㅎ
$("#<%=controlID.ClientID%>").val();


이상으로 jquery를 이용한 콤보박스 값, 텍스트 구하여였습니다.
댓글과