프로그램/Javascript

jquery 에서 select에서 value 말고 text 값을 찾아서 선택되게 하려면~

네오류이 2025. 9. 23. 14:37
"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."
728x90
반응형

jQuery에서 select 태그의 텍스트 값을 기준으로 옵션을 선택하려면 아래와 같은 방법을 사용할 수 있어:

javascript

// 텍스트 값으로 옵션 선택하기
$("#selectBox option").filter(function() {
    return $(this).text() == "원하는 텍스트값";
}).prop("selected", true);

이 코드는 selectBox라는 ID를 가진 select 태그의 모든 옵션을 순회하면서 텍스트 값이 "원하는 텍스트값"과 일치하는 옵션을 찾아 선택 상태로 만들어줘.

다른 방법으로는:

javascript

// 특정 텍스트를 가진 옵션 찾아 선택하기
$("#selectBox").val($("#selectBox option").filter(function() {
    return $(this).text() == "원하는 텍스트값";
}).val());

이 방식은 텍스트가 일치하는 옵션의 value 값을 가져와서 해당 value로 select를 설정하는 방식이야.

텍스트 값이 완전히 일치하지 않고 포함 여부를 확인하고 싶다면:

javascript

// 특정 텍스트를 포함하는 옵션 선택하기
$("#selectBox option").filter(function() {
    return $(this).text().indexOf("찾을 텍스트") !== -1;
}).prop("selected", true);

이렇게 하면 원하는 텍스트 값을 기준으로 select 옵션을 선택할 수 있어. 선택 후에 change 이벤트를 발생시키려면 .trigger("change")를 추가하는 것도 잊지 마!

 

728x90
반응형