2010-05-14 2 views
0

Jquery's UI autocomplete을 사용하고 싶지만 몇 가지 추가 기능이 있습니다. 사용자가 제안한 항목을 선택한 후 해당 항목과 관련된 추가 데이터를 표시하고 싶습니다 (예 : 연락처 데이터베이스를 검색 한 다음 표시하고 싶습니다. 연락처의 이메일, addres ...) 일부 HTML 요소.jquery UI 자동 완성 - 확장 데이터?

이 방법이 있습니까? 사전에

감사합니다,
일드

편집 :

내가 실제로 필요한 것을 더 상세한 설명을 제공하고 싶습니다

:
사용자의 결과로, 연락처를 검색을 시작하면 데이터베이스 연락처의 ID와 이름을 반환하고 싶습니다. 사용자가 특정 연락처를 선택하면 Ajax 함수가 호출되고 ID를 사용하여 선택한 연락처에서 모든 세부 정보를 검색합니다. 아마 내가 올바른 형식을 얻을 수있는 해결책을 찾을 것 JSON 결과 (AS 연락처의 ID 및 전체 이름을 반환 데이터베이스에서 결과

  • ,하지만 난 :하지만 다음 작업을 수행하는 방법을 모른다

  • 전체 이름과 ID 만 표시되도록 결과 데이터를 처리하는 방법 특정 연락처를 선택한 경우에만 ID가 사용되므로 전체 세부 정보를 검색 할 수 있습니다. 특정 연락처의

+0

여기에 답변을 찾았습니다 : http://jqueryui.com/demos/autocomplete/ 많은 예제와 설명이 있습니다. –

답변

3

its events : select 이벤트에 대한 처리기를 추가하고 실행되면 모든 정보를 표시 할 수 있습니다.

+0

나는 그걸 탐구했다. 제안되는 결과의 이드를 전달하는 간단한 방법이 있는가? –

+0

흠, 나는 정말로 어느 것을 가져갈 지 결코 확신하지 못합니다. 예를 들어 $ (this) .val()을 사용해보십시오. 그렇지 않으면 이벤트 핸들러는 ui 및 event라는 두 개의 매개 변수를 전달합니다. 그것들에 대한 문서를보십시오. –

+0

내 질문을 이해할 수 있는지 잘 모르겠습니다. 편집 했으니 참고하시기 바랍니다. 감사! –

1

formatMatch 함수에서 추가 데이터를 지정할 수 있습니다. 매개 변수는 구분 기호로 구분 된 문자열이어야합니다. 나중에 3 개의 인자 [event, data, formatted]를 취하는 .result 함수에서, 구분 기호로 포맷 된 것을 분할하여 검색하고 필요한 값을 채울 수 있습니다.