[jQuery] select box 선택값 가져오기,value 값 여러 개 가져 오기

Select box ID로 접근하여 선택된 값 읽기

---

<select id="userListSB">
<option value="userID">홍길동</option>
<option value="userID">조석</option>
<option value="userID">아무개</option>
</select>

$("#userListSB option:selected").val();

 

 

Select box ID로 접근하여 선택된 텍스트 읽기

---

$("#userListSB option:selected").text();
//홍길동,조석,아무개..

 

 

Select box ID로 접근하여 여러 개 Value 값 가져오기.

---

<select id="userListSB">
<option value="userID" value2="userNumber" value3="userPK">홍길동</option>
<option value="userID" value2="userNumber" value3="userPK">조석</option>
<option value="userID" value2="userNumber" value3="userPK">아무개</option>
</select>

$("#userListSB option:selected").attr('value2');
//value2에 userNumber 데이터
$("#userListSB option:selected").attr('value3');
//value3에 userPK 데이터

 

 

Select box Name로 접근하여 선택된 값 읽기

---

<select name="userListname">
<option value="userID">홍길동</option>
<option value="userID">조석</option>
<option value="userID">아무개</option>
</select>

$("select[name=userListname]").val();

 

 

 같은 방식으로 span과 같은 다른 태그도 접근 가능하다

---

 

<span name="spanUserList">그리고 아무도 없었다.</span>

$("span[name=spanUserList]").text();