[jQuery] Value값으로 Select 박스 option 선택하기

제이쿼리를 사용하여 특정 Value값으로 Select 박스 option을 선택하려면 어떻게 해야할까?

-->Select Box를 선택하고 prop를 이용하여 selected 속성을 true로 설정하면 된다.

 

예시)

<select id="testSelect">
    <option value="test1">첫번째 옵션</option>
    <option value="test2">두번째 옵션</option>
    <option value="test3">세번째 옵션</option>
</select>

 

다음과 같은 select 태그가 있을 경우 value가 'test2'인 option을 선택

//id로 select 선택하고 value가 'test2'인 option 선택
$('#testSelect').val('test2').prop("selected",true);

 

+

option 나열 순서로 option을 선택할때

예시) 위와 같은 html 태그에서 세번째 option을 선택하고 싶을때

// id로 select 태그를 선택하고 select 태그의 option 중 세번재(eq가 2인 것을 선택)
$("#testSelect option:eq(2)").prop("selected",true);