[jQuery] SELECT BOX 셀렉트 박스 선택시 여러 값 VALUE 가져오기

하나의 셀렉트 박스(SELECT BOX)에서 값을 선택시 여러 값을 가져오고 싶어서 value 에 구분자과 여러값을 넣고 문자열을 잘라서 써야 하나 생각하다가 더 간단한 방법을 찾았다.

 

option 으로 value 값을 여러개 줄 수 있다.

<select id="studentInfo">
	<option value="userId" value2="gradeCd" value3="classCd">홍길동</option>
	<option value="userId" value2="gradeCd" value3="classCd">김철수</option>
</select>

 

값을 가져올때

var studentId = $("#studentInfo").val();
var gradeCd = $("#studentInfo > option:selected").attr("value2");
var classCd = $("#studentInfo > option:selected").attr("value3");