JQuery의 드롭다운 상자 플러그인 Chosen이 이 검색 기능을 제공합니다. 여기에서 예시를 볼 수 있습니다: https://harvesthq.github.io/c... 드롭다운 상자에 소량의 데이터가 있는 경우 백엔드에서 로드할 수 있습니다. 한 번에 플러그인에서 초기화하세요. 데이터 양이 많은 경우 플러그인에서 입력 이벤트를 바인딩할 수도 있습니다. 요소가 입력될 때마다 백엔드에서 일치하는 요소를 로드하기 위해 비동기 요청이 트리거됩니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
프런트엔드 구현을 말씀하시는 건가요, 아니면 백엔드 구현을 말씀하시는 건가요?
프런트엔드에는 해당 플러그인이 있습니다
백엔드는 인터페이스만 구현하면 됩니다
프런트엔드에서 jQuery.autocomplete를 사용하여 배경 데이터 등을 요청하기 전에 입력하는 문자열의 길이를 설정하세요. 휴대폰으로 코딩하기 번거로우니 바이두를 이용하세요
코드를 받아봅시다!
부트스트랩의 자동 완성 기능을 사용하여 구현
으아악따라서 페이지에서 관련 JS 파일을 참조해야 합니다. 다운로드 위치를 모르면 Baidu에서 다운로드할 수 있습니다.
으아악그게 요점이 아니니까 그냥 입력창에 원하는 대로 적겠습니다
으아악위는 JS 코드입니다. <script type="text/javasctrip"></scrip>
안에 넣어야 합니다.JQuery의 드롭다운 상자 플러그인 Chosen이 이 검색 기능을 제공합니다.
여기에서 예시를 볼 수 있습니다: https://harvesthq.github.io/c...
드롭다운 상자에 소량의 데이터가 있는 경우 백엔드에서 로드할 수 있습니다. 한 번에 플러그인에서 초기화하세요. 데이터 양이 많은 경우 플러그인에서 입력 이벤트를 바인딩할 수도 있습니다. 요소가 입력될 때마다 백엔드에서 일치하는 요소를 로드하기 위해 비동기 요청이 트리거됩니다.