이전 목록 다음
채택완료

검색창 연관검색어 관련 질문

서포터즈
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-02-18 (목) 15:01:47 2,061

3731834642_1613628062.4191.png

이렇게 입력하면

3731834642_1613628070.3426.png

해당 제품과 비슷한 제품들이 아래로 나오게 보이고 싶습니다 

혹시 참고할만한 소스자료가 있을까요 ?

검색 연관검색 영카트 그누보드 제품
|

답변 1개 / 댓글 5개

채택된 답변
+20 포인트
탈탈퇴회원
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-02-18 (목) 15:05:30

jQueryUI autocomplete 많이 씁니다

https://jqueryui.com/autocomplete/

답변에 대한 댓글 5개

서포터즈
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-02-18 (목) 15:10:55
찾던것은 맞습니다 근데 현재 제공되고있는 검색창이랑 연결을 하려면 어디부분의 소스를 수정해야 검색했을 때 제품검색까지 완벽하게 될수있을까요
서포터즈
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-02-18 (목) 15:12:00
그리고 아래부분을 누르면 검색이 자동완성이 되는게 아니라 해당 제품으로 이동되게 하고싶습니다.
서포터즈
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-02-18 (목) 15:20:33
http://www.0044.co.kr/ez/index.php

해당사이트처럼 만들고싶습니다 검색창
Big1
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-02-18 (목) 15:54:12
https://jqueryui.com/autocomplete/#remote
source: "search.php"
search.php 에서 input 값으로 DB쿼리해서 json으로 넘겨주면
보여지고요
이건 자동완성이지 뭐 다른게 아닙니다

링크해주신 사이트도 역시나
input keyup 했을 때 들어간 텍스트 88로 디비 쿼리해서 search.php가 리턴해주면
검색된 제품명들을 보여주고
클릭하면 (jQueryUI에서는 select 콜백 메소드)
링크로 이동이 아니고 (물론 그렇게 할 수도 있겠지만요)
클릭한 텍스트를 input 으로 넣어주고 검색버튼을 click trigger 해줌으로서
검색폼에서 검색되게 하는거죠

일단 샘플로 따라해보시고요
https://api.jqueryui.com/autocomplete/
API 스팩도 찬찬히 읽으면서 해보세요

jqueryui autocomplete 구글검색하시면
한글 튜토리얼도 많이 나와 있으니 읽어보세요
서포터즈
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-02-18 (목) 16:06:21
감사합니다 한번 DB 연동해서 배열에 넣는작업 시도해보겠습니다.

답변을 작성하려면 로그인이 필요합니다.