본문 바로가기
프로그램/jQuery

select box 값 변경, 목록 변경

by 로드러너 2014. 4. 12.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

<select id="number" size="5" multiple>

<option value="1">하나

<option value="2">둘

<option value="3">셋

<option value="4">넷

<option value="5">다섯

<option value="6">여섯

<option value="7">일곱

<option value="8">여덜

</select>


multiple 속성은 select box 가 두개 이상의 값을 동시에 선택할 수 있도록 해 준다. 선택된 값들은 ','로 구분되는 문자열 형태로 반환된다.


1. 선택된 값 변경하기

$('#number').val('5');


2. 현재 선택된 값 가져오기

$('#number').val();    // 5 를 반환한다.


3. 여러개의 값을 선택하기

$('#number').val(['4', '6']);


4. 현재 선택된 값 가져오기

$('#number').val();    // 4,6 를 반환한다.