JavaScript/jQuery

[jQuery] select tag option 모든 값 가져오기

학학이 2020. 1. 30. 12:39

select tag의 모든 값 가져오기

Get all options values of select tag

Code

$('#select').find('option').map(function() {return $(this).val();}).get()
// return []

$('#select option')과 같은 표현식도 가능하지만, 각 DOM 객체를 확실히 표현하기 위해 나눠서 사용했다.

.get()

.get()

마지막에 .get()을 하지 않으면 select tag의 모든 jQuery가 순회할 수 있는 properties를 가져온다.
따라서, 값만 가져오는 .get()을 꼭 넣어준다.

Codepen

See the Pen get select-box value by Sanghak,Lee (@SangHakLee_1470355178) on CodePen.