[JavaScript - jQuery] value 값으로 select 박스 option 선택하기 + Syntax error, unrecognized expression 에러

 

웹을 만들다보면 제이쿼리를 사용하여 특정 value 값으로 select 박스의 option 을 설택해야 되는 때가 있다. 이 것이 제대로 되지 않으면 아래와 같은 systaxError 가 뜬다

Syntax error, unrecognized expression: unsupported pseudo: select

--> Select Box 를 선택 한 후, prop 를 이용하여 selected 속성을 true 로 설정한다.

예를 들자면,

<select id="SELECTS">
    <option value="select1">first option</option>
    <option value="select2">second option</option>
    <option value="select3">third option</option>
</select>

이런 select 태그가 존재할 경우 만약 value 가 select3 인 옵션을 선택하고 싶다고 가정해보자.

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

위와 같이 선택하면 된다. 

추가적으로 인덱싱으로 value 값을 선택할 때는 아래와 같이 하면 된다

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

 

이외에도, input 박스의 체크박스 등을 선택하는 것도 위와 비슷하게 하면 된다.

키워드는 제이쿼리 value 값으로 input 값 , select box 옵션 선택하기 이다. 잘 암기해놓는 것이 좋을 것 같다. 

참고 링크

stackoverflow.com/questions/23468252/why-im-getting-the-error-error-syntax-error-unrecognized-expression-unsuppo

Why I'm getting the error "Error: Syntax error, unrecognized expression: unsupported pseudo: select"?

stackoverflow.com/questions/41215057/uncaught-error-syntax-error-unrecognized-expression-unsupported-pseudo-label

Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: label