"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."
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
반응형
'프로그램 > Javascript' 카테고리의 다른 글
| 자바스크립트에서 빈칸 다 없내는 정규식은? (0) | 2025.09.23 |
|---|---|
| 정규식에서 replace(/,/gi, "") 와 replace(/,/g, "") 의 차이와 보이지 않은 문자 제거 정규식!! (0) | 2025.09.23 |
| css 에서 모든 글자크기를 1배 더 크게 설정하려면? (0) | 2025.09.23 |
| 날마다 까먹는 jQuery UI 의 Datepicker 사용법.. (3) | 2023.11.15 |
| 입력란에 값이 없을 때 메세지 띄우기 (0) | 2021.01.15 |