[JQuery] Select2 첫글자 검색하기

김나영·2023년 10월 26일
0

JQuery

목록 보기
4/4

국가 검색 기능 도입 후
검색란에 입력된 글자와 첫글자가 일치하는 리스트를 출력해달라는 요구를 받았다

검색해도 해당 내용이 나오지 않아서
지피티한테 물어봤고
내새끼는 아주 잘 코드를 짜줬다 ^^~

$("#national").select2({
			placeholder: "Select nationality",
			matcher: function(params, data){
				if(data.text.toUpperCase().indexOf(params.term.toUpperCase()) == 0){
					return data;
				}
				return null;
			}
		});
  • 적용 전
    검색키워드의 내용이 포함된 모든 리스트 출력

  • 적용 후
    검색키워드의 내용과 리스트의 맨 앞글자가 일치하는 리스트만 출력

  • 단점
    리스트의 맨 앞글자와 검색 내용이 일치하지 않으면 결과를 보여주지 않음
    예)
    america를 검색하고 싶은 경우 america라고 하면 안나옴

    반드시 앞글자와 일치해야만 출력됨
profile
응애 나 애기 개발자

0개의 댓글