검색창 연관검색어 관련 질문
본문
이렇게 입력하면
해당 제품과 비슷한 제품들이 아래로 나오게 보이고 싶습니다
혹시 참고할만한 소스자료가 있을까요 ?
답변 1
찾던것은 맞습니다 근데 현재 제공되고있는 검색창이랑 연결을 하려면 어디부분의 소스를 수정해야 검색했을 때 제품검색까지 완벽하게 될수있을까요
그리고 아래부분을 누르면 검색이 자동완성이 되는게 아니라 해당 제품으로 이동되게 하고싶습니다.
http://www.0044.co.kr/ez/index.php
해당사이트처럼 만들고싶습니다 검색창
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 구글검색하시면
한글 튜토리얼도 많이 나와 있으니 읽어보세요
감사합니다 한번 DB 연동해서 배열에 넣는작업 시도해보겠습니다.
