jquery autocomplete 예제

우리가 표시 할 자동 제안이있는 json 검색 응답 배열에서 개체 속성 RelatedTopics에 위치하기 때문에이 예제는 매개 변수 목록위치가 관련 토픽으로 설정해야합니다. 이에 대한 자세한 내용은 가이드 섹션에서 찾을 수 있습니다 – list위치. 이 이벤트는 자동 완성 메뉴에서 값을 선택하면 트리거됩니다. 이 이벤트를 취소하면 값이 요소로 설정되지 않습니다(하지만 메뉴가 닫히는 것을 방지하지는 않습니다). 로컬로 데이터를 필터링 할 때, 당신은 내장 된 $.ui.autocomplete.escapeRegex 기능을 사용할 수 있습니다. 단일 문자열 인수를 취하고 모든 정규식 문자를 이스케이프하여 결과를 새 RegExp()로 안전하게 전달할 수 있습니다. 시작하기 전에 참고 사항: 자동 완성 데이터는 소스 옵션에 관계없이 다음 중 하나처럼 보일 것입니다: 메뉴 선택 중 하나가 포커스를 받을 때마다 이 이벤트가 트리거됩니다. 취소되지 않는 한(예: false를 반환하여) 포커스된 값은 요소로 설정됩니다. Ajax 자동 완성을 사용하면 텍스트 입력 필드에 대한 자동 완성 / 자동 제안 상자를 쉽게 만들 수 있습니다. jQuery 이외의 종속성이 없습니다. jQuery에 대한 Ajax 자동 완성은 MIT 스타일 라이센스의 조건에 따라 자유롭게 배포 할 수 있습니다.

Ajax 자동 완성 두 가지 방법을 사용할 수 있습니다., 하나는 jQuery 개체에 자동 완료를 호출 하 고 문자열 리터럴로 메서드 이름을 전달 하 고 다른 매개 변수 없이 jQuery 개체에 자동 완료를 호출 하 고 원하는 메서드를 호출 합니다. 파일 search.php는 위의 파일(autocompleteexample.html)과 동일한 위치에 배치됩니다. search.php의 내용은 아래와 같습니다 – 우리는 자동 완성 ()에서 조회 : 옵션을 제거하고 옵션이 입력 상자에 문자를 입력 할 때 가져올 것이다 서비스 끝점을 추가. 자동 완성 필드를 입력할 때 플러그인은 일치하는 항목을 검색하기 시작하고 선택할 값 목록을 표시합니다. 더 많은 문자를 입력하면 사용자는 더 나은 일치항목으로 목록을 필터링할 수 있습니다. 자동 완성 위젯은 HTML을 포함하는 경우에도 레이블을 문자 그대로 렌더링합니다. 제안 드롭다운 내부에 사용자 지정 HTML을 표시하려면 _renderItem 확장 지점을 재정의할 수 있습니다. 제안 드롭다운은

  • 요소의 무리를 포함하는